如何使用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橫向模式的高清晰度移動？

回答

相關問題