?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
aspect-ratio:<ratio>
<ratio>:指定比率
本特性接受min和max前綴,因此可以派生出min-aspect-ratio和max-aspect-ratio兩個媒體特性。
簡單列舉幾個應(yīng)用示例:
@media screen and (aspect-ratio:1680/957){ … }
@import url(example.css) screen and (max-aspect-ratio:20/11);
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>media features aspect-ratio_CSS參考手冊_web前端開發(fā)參考手冊系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> @media screen and (max-aspect-ratio:20/11){ body{color:#f00;} } </style> </head> <body> <div class="test">當(dāng)輸出設(shè)備中的頁面可見寬度與高度比率小于或等于20:11時,本行文字顯示為紅色</div> <script> </script> </body> </html>
點擊 "運行實例" 按鈕查看在線實例