网站地图    收藏   

主页 > 前端 > html5 >

@media screen 和 @media only screen区别详解

来源:未知    时间:2016-05-06 11:33 作者:xxadmin 阅读:

[导读] @media screen 和 @media only screen有哪些区别呢 彩屏设备 和 (最小宽度768px) 和 (最大宽度959px) 仅限 彩屏设备 和 (最小宽度480px) 和 (最大宽度767px) 在你发的代码中其实没有什么不同,用起来效...

@media screen 和 @media only screen有哪些区别呢

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

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

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

//下面这样用only才有效果:
@media all and (min-width:xxx) and (:xxx){
/*这段查询的all是针对所有设备(有些设备不一定是屏幕,也许是打字机,盲人阅读器)*/
}

@media only screen and (min-width:xxx) and (:xxx){
/*上面针对了所有设备,这段是只(only)针对彩色屏幕设备*/
}


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论