@media 实现网页自适应

来源:互联网 发布:国际版淘宝网店怎么开 编辑:程序博客网 时间:2024/05/17 07:05

@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;}

}



0 0