如何使用CSS媒体来区分从PC横向模式的高清晰度移动？

我有一个分辨率1280×1024，而智能手机的Lumia 920在横向模式下使用时，1280x768的分辨率的PC。如何使用CSS媒体来区分从PC横向模式的高清晰度移动？

我可以使用CSS Media query使2有什么区别？由于文字在智能手机上显示得太小，我想用css在其上放置更大的字体。

我也研究了51degrees.mobi这个区别移动设备和PC的选项，但是我看不到如何在css中使用这个库。

2015-02-09 Yahia

http://css-tricks.com/snippets/css/retina-display-media-query/ – DavidG 2015-02-09 16:16:08

谢谢。 @media唯一屏幕和（最小分辨率：97dpi）工作。以下是针对个人电脑的内容，以及针对移动的内容我的印象是，DPI未正确检测：http://www.infobyip.com/detectmonitordpi.php在PC都和智能手机提供了96。 – Yahia 2015-02-09 16:49:34

-1

您的PC & MOBILE的宽度相同，但不同的高度！所以你可以指定地址身高像下面为您的PC

@media (height: 1024px){ 
/*put your CSS code here */ 
}

也为您的移动

@media (height: 768px){ 
/*put your CSS code here */ 
}

来源

2015-02-09 16:31:37 Ega

如果您没有最大化您的浏览器，或者您有让您的视口更小的工具栏，则这不起作用。 – DavidG 2015-02-09 16:50:30

尽管如此，我认为个人电脑可以有一个高度768px – Yahia 2015-02-09 16:53:21

把迷你高度放进大括号而不是高度 – Ega 2015-02-09 16:55:30

如何使用CSS媒体来区分从PC横向模式的高清晰度移动？

回答

相关问题