iphone 媒体查询

/* iphone 3 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 1) { }

/* iphone 4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 6, 6s */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { }

/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) { }

推荐阅读更多精彩内容

  • 超高速音视频编码器用法: ffmpeg [options] [[infile options] -i infile...
    封夕罡阅读 3,008评论 0 4
  • -:Internet Explorer CSS :- SpecialPurpose _::selection, :...
    弥果阅读 925评论 0 1
  • body, h1, p, ul{ margin: 0; padding: 0; } li{ list-style:...
    WeekOne阅读 80评论 0 1
  • ㈠时间 ㈡地点 ㈢形式 ㈣目的 ①青州博物馆 青州之名,始见《尚书·禹贡》:“海岱惟青州”,为古“九州”之一。...
    我爱文博阅读 562评论 0 0
  • 作者简介:执念,“你是无意穿堂风,却偏偏引山洪;我是垂眉摆渡翁,却偏偏独爱侬”。执着的人总是最容易受伤,总是喜欢用...
    Delusion7GE阅读 170评论 0 0
  • 无论我们怎么相识 你已经成为我生命中最重要的朋友 无论你离我多远 我都能感受到你的关怀 因为有了人海 相遇才显得那...
    晚紫竹阅读 480评论 52 84
  • 以前总喜欢酷酷的 白白净净的 霸道总裁的样子 现在不一样 只要对我温柔 我记得有一次跟男神去酒吧 我来大姨妈 他朋...
    嘿xr阅读 120评论 0 0
  • 国庆期间,一直重感冒,门都没咋出,画也不想画,昏昏沉沉,好在,放假前已经画完这张虞美人。 虞美人是一种很独特的花,...
    一夏飘雪阅读 4,572评论 3 91