根据显示屏幕调试CSS样式[直接写入style标签里]
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时,应用下面的CSS样式*/
.class {
background: #ccc;
}
}
@media screen and (min-width:960px) and (max-width:1200px){
body{
background:yellow;
}
}
【html+css+js|根据显示屏分辨率调试html 样式】
Js:var scrWidth = window.screen.width;
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript之DOM增删改查(重点)
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 网络|一文彻底搞懂前端监控
- JS/JavaScript|JS/JavaScript CRC8多项式 16进制
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例
- css|css中元素的显示与隐藏
- JS|VUE学习笔记[30-46]