iPhone6的CSS3媒体查询
2016-01-29 10:59
656 查看
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { /*iPhone 6 Portrait*/ } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { /*iPhone 6 landscape*/ } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { /*iPhone 6+ Portrait*/ } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { /*iPhone 6+ landscape*/ } @media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ /*iPhone 6 and iPhone 6+ portrait and landscape*/ } @media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait){ /*iPhone 6 and iPhone 6+ portrait*/ } @media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape){ /*iPhone 6 and iPhone 6+ landscape*/
使用css3媒体查询,通常我们需要的宽度并不是这个手机的宽度,而是它的实际CSS宽度。[/code]
相关文章推荐
- CSS3动画-表盘
- 所有设备的CSS像素
- css属性第二版
- 转载:css元素隐藏原理及display:none和visibility:hidden
- Css3绘制圆形
- 转载:你所不知的 CSS ::before 和 ::after 伪元素用法
- css3 滚动条出现 页面不跳动
- CSS兼容
- placeholder样式
- CSSearchableIndex
- CSSearchableItem
- CSSearchableItemAttributeSet
- CSS简介
- 模仿锤子手机“飞行模式”dialog样式
- IE, FireFox, Opera 浏览器支持CSS实现Alpha透明的方法 兼容问题
- CSS3—六边形
- CSS3—三角形
- alertify、js、css 使用简介
- 【转】CSS实现兼容性的渐变背景(gradient)效果
- 通用对话框 和 样式