css3中媒体查询,screen and 和only screen and有什么不同?

media only screen

彩屏设备 和 (最小宽度768px) 和 (最大宽度959px)

仅限 彩屏设备 和 (最小宽度480px) 和 (最大宽度767px)

在你发的代码中其实没有什么不同,用起来效果都是一样的。

下面这样用only才有效果:

@media all and (min-width:xxx) and (max-width:xxx){

/*这段查询的all是针对所有设备(有些设备不一定是屏幕,也许是打字机,盲人阅读器)*/

}

@media only screen and (min-width:xxx) and (max-width:xxx){

/*上面针对了所有设备,这段是只(only)针对彩色屏幕设备*/

}

推荐阅读

  1. Google Search Console移动设备易用性报错修复【已解决】
  2. 熊掌号中天级收录和周级收录的区别?
  3. 如何在没有插件的情况下为WordPress中的外部链接添加nofollow
  4. 在wordpress通过代码实现百度主动推送|手工提交|实时推送
  5. wordpress熊掌号站点天级收录链接提交代码【不用插件实现】
  6. 百度官方推出一款WordPress链接提交插件【baidu links submit】
  7. 什么是别名域(Aliasdomain)?
  8. 什么是子域(Subdomain)?

发表评论

电子邮件地址不会被公开。 必填项已用*标注