css媒體查詢最大設備寬度

如果我有css 3媒體查詢最大設備寬度，當設備的方向改變時，這是否改變？css媒體查詢最大設備寬度

例如，如果iPhone從縱向變爲橫向，最大設備寬度會發生變化嗎？

來源

2012-12-26 Chris Muench

這與iPhone，iPad等不同於其他設備。對於Apple產品，device-width值保持不變，但使用其他設備更改方向可能會導致應用其他規則。

最可靠的方法是使用min/max-width而不是min/max-device-width。這取決於視口的大小，並且在不同設備之間保持一致。

來源

2012-12-26 21:44:20

你住的是最大的設備寬度是不可靠的在其他平臺上，並建議不要使用此？這些信息的來源是什麼？ –

@ChrisMuench我在說，在查看方向更改時，「max-device-width」在各個設備上不一致。隨着iPad，iPhone等，方向的變化不會影響'設備寬度'，而與其他設備是這種情況。我的來源是經驗，如果你製作一個頁面並嘗試在iPad和Kindle上改變方向，你可以自己測試。 –

明白了，這就是我理解設備寬度的方式。無論方向如何，它都是一個常數，但在不同設備之間是不同的。 –

它不改變方向

@media screen and (orientation:portrait) { 
/* Portrait styles */ 
} 
@media screen and (orientation:landscape) { 
/* Landscape styles */ 
}

來源

2012-12-26 21:44:27

*視口元標記中關於**設備寬度**的實用功能是當用戶更改智能手機或平板電腦的方向時更新。* [Google網站管理員中心]（http://googlewebmastercentral.blogspot.ca /2012/04/responsive-design-harnessing-power-of.html） –

css媒體查詢最大設備寬度

回答

相關問題