@media 实现网页自适应 2016-02-16 11:52 67人阅读 评论(0) 收藏

@media 其实就是判断屏幕多大的分辨率 然后选用什么 CSS样式

media screen and (min-width:413px) 

例子就是这样的  min 相当于 >= 这个符号

max 相当于 <=这个符号

多个 判断 区间 用 and相连

media screen and (min-width:413px) and (max-width:800px)

然后 在后面跟上大括号 里面写相应的CSS样式就行了 这样屏幕字这个分辨率内 就会选取这个样式了

media screen and (min-width:413px) and (max-width:800px){

.ass{width:700px;}

}