html5/css3响应式页面开发总结

技术总结
678

1,设置meta标签

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">


2、css中引入

上面是在设备屏幕宽度小于等于960px时应用css样式。

@media screen and (max-width:960px){

    body{background:red;}

}

表示浏览器宽度大于等于960px且小于等于1200px时使用样式。

@media screen and (min-width:960px) and (max-width:1200px){

    body{background:yellow;}

}







© 2022 sczlhl.com 智临互联

蜀ICP备18008283号-1 保留所有权利