?
This document uses PHP Chinese website manual Release
device-aspect-ratio:<ratio>
<ratio>:指定比率
如常講的顯示器屏幕比率:4/3, 16/9, 16/10
本特性接受min和max前綴,因此可以派生出min-device-aspect-ratio和max-device-aspect-ratio兩個(gè)媒體特性。
簡單列舉幾個(gè)應(yīng)用示例:
@media screen and (device-aspect-ratio:4/3){ … } @import url(example.css) screen and (min-device-aspect-ratio:4/3);
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>media features device-aspect-ratio_CSS參考手冊_web前端開發(fā)參考手冊系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> @media screen and (device-aspect-ratio:16/10){ body{color:#f00;} } </style> </head> <body> <div class="test">當(dāng)你將輸出設(shè)備屏幕分辨率為16:10時(shí),本行文字顯示為紅色</div> <script> </script> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例