CSS3一般媒体查询
2016-01-19 11:58
495 查看
/* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* Styles */ } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* Styles */ } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* Styles */ } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* Styles */ } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /* Styles */ } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { /* Styles */ }
相关文章推荐
- 详解CSS position属性
- CSS中常见的BUG调试
- google官方教程 展示如何自定义可选择列表项样式。
- 自定义Toast样式
- Angular根据获取值不同给不同的样式
- CSS cursor属性(w3school)
- 刷新页面更换CSS样式表-对网上document.write方式的修正
- CSS常用属性之段落
- CSS常用属性之文字样式
- 去掉segMentedControl的边框和改变选中字体的样式
- JS获取CSS样式(style/getComputedStyle/currentStyle)
- CSS导航下拉菜单被JS幻灯片挡住的…
- CSS3之动画
- 《css设计指南》 读书笔记 二
- 好玩的CSS点点
- CSS实现单行、多行文本溢出显示省略号(…)
- 移动平台对 META 标签的定义
- 《css设计指南》 读书笔记 一
- css-ie6下实现最小,最大宽度
- css-div下内容垂直居中