媒體查詢 - 視口高度大於寬度？

是否有可能使用CSS3媒體查詢來問：媒體查詢 - 視口高度大於寬度？

'是視口的高度大於寬度'？

或者：

'視口的寬度是否大於高度'？

我希望我的圖像在兩個方向上都是流暢的！

謝謝。

來源

2013-01-15 Adam Waite

爲此，您可以使用以下媒體查詢：

orientation:portrait 
orientation:landscape

我不能給你更多的信息，對媒體查詢，因爲我還沒有研究，他們沒有。確保它們受到您希望支持的設備的支持。

至於CSS：不，你無法使用CSS檢測視口的寬度和高度。 CSS不是一門編程語言，而是一種造型語言。除非你使用CSS預處理器（Sass，Less），否則你將無法做任何聰明的事情。

來源

2013-01-15 13:03:18

作爲邊注，它_should_能夠使用'@media所有和（寬度：100vmax）'和'@media所有和（高度：100vmax）'爲寬度>高度和高度>寬度因爲W3C推薦的規範允許所有標準的值。然而，目前，沒有任何瀏覽器似乎支持這一點......使用這兩種方法可能是一種非侵入式的面向未來的兼容性最大化？ – lpd

我沒有答案。但是，需要記住的是，上面提到的技術仍然在實施中，並且在某些情況下（過時的瀏覽器）不會向後兼容。我個人會嘗試去尋找當今現代瀏覽器支持的技術，並在需要時提供回退。（儘管對於像IE6這樣的瀏覽器，我只是轉而使用Andy Clarke的Universal IE6樣式表。） –

Alien先生在某些技術性問題上可能是正確的，因爲我不是程序員。然而，如果你想重新設計你的佈局或者根據屏幕是橫向的（寬度大於高度）還是縱向（高度大於寬度）模式進行調整，你絕對可以使用CSS媒體查詢。

http://www.w3.org/TR/css3-mediaqueries/#media0

來源

2013-01-15 13:09:22 Eric

媒體查詢 - 視口高度大於寬度？

回答

相關問題