媒体查询只支持IE9+、chrome、ff等浏览器,IE8以下的浏览器可以下载引用respond.js,
写法:
输出设备是网络设备还是位图设备
1-11可以有min- 、max- 创建一个查询范围,而12-13没有
写法:
1、link上面media属性判断,是否加载改css
eg:
orientation:portrait 意思是显示屏是纵放的,yes,加载改css
not 在媒体查询的开头加上会颠倒改查询的逻辑
and 是并||
, 或
2、css文件外链css文件
@import url("phone.css") screen and (max-width:360px); /*当显示屏最大宽度小于360px时加载 */
3、直接书写:
@media screen and (max-width:980px) {
body{
background:#f0f;
font-size:12px;
}
}
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com