彩屏设备 和 (小宽度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)针对彩色屏幕设备*/ }