@media (max-width: 600px) {
body {
【css媒体查询怎么写】background: red;
}}@media (max-width: 400px) {
body {
background: blue;
}}
如果浏览器窗口宽为350像素,则背景将是蓝色的,而使用此css则是蓝色的 。
@media (max-width: 400px) {
body {
background: blue;
}}@media (max-width: 600px) {
body {
background: red;
}}
和相同的窗口宽度,背景将是红色的 。这两条规则确实是匹配的,但第二条规则是应用的规则,因为这是最后一条规则 。
最后,用
@media (max-width: 400px) {
body {
background: blue !important;
}}@media (max-width: 600px) {
body {
background: red;
}}
或
@media (max-width: 400px) {
html > body {
background: blue;
}}@media (max-width: 600px) {
body {
background: red;
}}
背景将是蓝色的(350像素宽的窗口) 。
文章插图
- 道路运输从业资格证用手机怎么查 网上怎么查询道路运输从业资格证
- 诺基亚官方售后服务网站查询 诺基亚手机保修查询
- 自由可投状态是什么意思 查询志愿显示自由可投状态是什么意思
- 中行汇率查询 中行汇率查询app
- css怎么写空格
- 西安沣东新城门户网站 西安沣东新城门户网站查询
- 学信网成绩查询 学信网成绩查询入口
- 怎么查询公积金账户 怎么查询公积金账户封存了多久
- 社保查询个人账户余额明细查询方法 社保查询个人账户余额明细查询
- 德邦快递单号查询号码查询 德邦快递单号查询官方网站