zoukankan      html  css  js  c++  java
  • iPhone的CSS3媒体查询

    iPhone的CSS3媒体查询:

      各版本的iPhone媒体查询是根据其分辨率和一些CSS3媒体查询的特性来实现媒体查询的...详见下:

    iPhone6的媒体查询:

    @media only screen and (min-device- 375px) and (max-device- 667px) and (orientation : portrait) {
    /*iPhone 6 Portrait*/
    }
    
    @media only screen and (min-device- 375px) and (max-device- 667px) and (orientation : landscape) {
    /*iPhone 6 landscape*/
    }
    
    @media only screen and (min-device- 414px) and (max-device- 736px) and (orientation : portrait) {
    /*iPhone 6+ Portrait*/
    }
    
    @media only screen and (min-device- 414px) and (max-device- 736px) and (orientation : landscape) {
    /*iPhone 6+ landscape*/
    }
    
    @media only screen and (max-device- 640px), only screen and (max-device- 667px), only screen and (max- 480px){
    /*iPhone 6 and iPhone 6+ portrait and landscape*/
    }
    
    @media only screen and (max-device- 640px), only screen and (max-device- 667px), only screen and (max- 480px) and (orientation : portrait){
    /*iPhone 6 and iPhone 6+ portrait*/
    }
    
    @media only screen and (max-device- 640px), only screen and (max-device- 667px), only screen and (max- 480px) and (orientation : landscape){
    /*iPhone 6 and iPhone 6+ landscape*/
    View Code

    引用自:iPhone6的CSS3媒体查询


    各手机端版本分辨率与CSS中的实际分辨率对照区别表格:

    引用自:mydevice.io

    更多知识分享:微笑空间站

  • 相关阅读:
    OI回忆录
    【CSP2019】题解合集
    微电影《Junior·BQB》——剧本
    【UOJ139】【UER #4】被删除的黑白树
    NOIWC2019 冬眠记
    THUWC2019 划水记
    【XSY3413】Lambda
    【BZOJ3065】带插入区间k小值
    【BZOJ3600】没有人的算术
    【BZOJ4864】【BJWC2017】神秘物质
  • 原文地址:https://www.cnblogs.com/xuyongsky1234/p/4283800.html
Copyright © 2011-2022 走看看