码迷,mamicode.com
首页 > Web开发 > 详细

css 媒体查询 注意点

时间:2017-03-19 00:01:20      阅读:702      评论:0      收藏:0      [点我收藏+]

标签:第一个   没有   意思   mic   表达式   nbsp   分割   空格   max   

1, 媒体查询表达式之间还可以用逗号,@media (max-width:800px), print  它表示或的意思 @media (max-width: 800px) OR print;

2, not 是对整个表达式的否定 @media not all and (min-width: 765px),  相当于 @media not (all and (min-width: 765px)) 如果不想这样的做,可以用,进行分割,@media not all, min-width:765px 

3, only: 防止老旧的浏览器,它不支持媒体查询,而应用到给定的样式。

  media = “only screen and (max-width:800px)”

老旧的浏览器,它会在第一个空格处,也就是only 的后面,把后面的文字忽略掉,解析为 media=”only”,  它只会解析第一个单词,media 属性中没有定义only, 所以这里设置的样式就会被忽略掉。

media =“ screen and (max-width:800px)”

老旧的浏览器,它只会解析第一个单词 所以成为了 media =”screen” ,可以看到这里定义的样式,就会应用到html 文件中。

css 媒体查询 注意点

标签:第一个   没有   意思   mic   表达式   nbsp   分割   空格   max   

原文地址:http://www.cnblogs.com/SamWeb/p/6576449.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!