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. VMWare虚拟机忘记window server 2012 administrator密码 重置密码教程
  2. Ubuntu 18.04修改root密码报错:Authentication token manipulation error
  3. Navicat连接ubuntu上MySQL报错:2003-Can’t connect to MySql server on ‘x.x.x.x'(10061 “Unknown error”)
  4. 如何在Ubuntu 18.04操作系统上安装MySQL?
  5. Navicat for MySQL:1862-Your password has exprired.【已解决】
  6. Windows上运行和安装PostgreSQL方法以及常见问题
  7. windows远程连接报错:出现身份验证错误,要求的函数不受支持
  8. ”配置windows更新失败,正在还原更改,请勿关闭计算机“

发表评论

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