移动端媒介查询尺寸
2017-11-21 10:15
260 查看
/*iphone 4 screen-width:320px*/
@media only screen and (min-width: 320px) and (max-width: 360px){}
/*三星Galaxy S5 screen-width:360px*/
@media only screen and (min-width: 360px) and (max-width: 375px){}
/*iphone 6 && MI MIX screen-width:375px*/
@media only screen and (min-width: 375px) and (max-width: 414px){}
/*iphone 6plus screen-width:414px*/
@media only screen and (min-width: 414px) and (max-width: 768px){}
@media only screen and (min-width: 320px) and (max-width: 360px){}
/*三星Galaxy S5 screen-width:360px*/
@media only screen and (min-width: 360px) and (max-width: 375px){}
/*iphone 6 && MI MIX screen-width:375px*/
@media only screen and (min-width: 375px) and (max-width: 414px){}
/*iphone 6plus screen-width:414px*/
@media only screen and (min-width: 414px) and (max-width: 768px){}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- media媒体查询，移动端适配尺寸大全
- 移动端媒体查询的一些尺寸参考
- 移动端媒体查询的一些尺寸参考
- 响应式设计中相关尺寸css3媒介查询
- 移动端尺寸基础知识
- 移动端界面设计之尺寸篇
- 你用过媒体查询，或针对移动端的布局/CSS 吗？
- 移动端尺寸基础知识
- 移动端web及app设计尺寸
- 移动端UI设计尺寸适配
- 项目开发之rem加媒体查询实现移动端布局
- 移动端不同尺寸下的适陪应
- JavaScript权威指南_134_第15章_脚本化文档_15.8-文档和元素的几何形状和滚动-查询元素的几何尺寸
- 你用过媒体查询，或针对移动端的布局/CSS 吗？
- 移动端尺寸基础知识
- 移动端界面设计之尺寸篇
- 移动端web页面知识小结之像素密度、分辨率、屏幕尺寸
- Android开发之如何查询屏幕尺寸、密度，分辨率
- 移动端H5知识普及[系列] - CSS3媒体查询
- 媒介查询