当前位置:首页 > 站长学院 > 建站教程 >

媒体查询@中screen and和only screen and有什么不同

作者:齐鲁建站    发布时间:2020-09-15    阅读:
媒体查询@中screen and和only screen and有什么不同

媒体查询@中screen and和only screen and有什么不同

最佳答案:

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

}

QQ客服
QQ客服
陈经理