响应式页面@media
周明亮|
发布于 2021-09-04 21:13:15|
589阅读|
0点赞|
0评论
举报
通过@media规则在媒体查询中用于为不同的媒体类型/设备应用不同的样式。
媒体查询可用于检查许多事情,诸如:
- 视口的宽度和高度
- 设备的宽度和高度
- 方向(手机或平板电脑处于横屏还是竖屏模式?)
- 分辨率
如果浏览器窗口的宽度为 600px 或更小时,把
元素的背景颜色更改为“浅蓝色”:
@media (max-width:600px){
body {
background-color: lightblue;
}
}
0
本文章转载自:https://www.w3school.com.cn/cssref/pr_mediaquery.asp
0条评论