css媒体查询.docx
《css媒体查询.docx》由会员分享,可在线阅读,更多相关《css媒体查询.docx(15页珍藏版)》请在冰豆网上搜索。
![css媒体查询.docx](https://file1.bdocx.com/fileroot1/2022-11/28/2114f9c9-8545-44cc-ac6f-8c96549e3e70/2114f9c9-8545-44cc-ac6f-8c96549e3e701.gif)
css媒体查询
1输出可见区域高度与宽度的比例
DOCTYPEhtml>
mediafeaturesaspect-ratio--
时间:
2016-07-15
描述:
定义输出设备中的页面可见区域宽度与高度的比率。
本特性接受min和max前缀,因此可以派生出min-aspect-ratio和max-aspect-ratio两个媒体特性。
语法:
aspect-ratio:
取值:
:
指定比率
-->
body{
background-color:
deepskyblue;
}
@mediascreenand(max-aspect-ratio:
20/11){
body{
color:
#f00;
}
}
当输出设备中的页面可见宽度与高度比率小于或等于20:
11时,本行文字显示为红色