<address id="hztt5"><listing id="hztt5"><menuitem id="hztt5"></menuitem></listing></address>
        <nobr id="hztt5"></nobr>
        <address id="hztt5"></address>

                您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 移動前端 >> 瀏覽設計教程

                @media適配不同尺寸的手機

                當下,不同分辨率,不同尺寸的移動設備越來越多,自適應也成了最熱門的話題,下面就是圖趣網整理到的一些主流手機的匹配尺寸:

                @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */}
                @media only screen and (max-device-width :480px){ }
                @media only screen and (min-device-width :481px){ }

                /*6*/
                @media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ }

                /*6+*/
                @media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ }

                /*魅族*/
                @media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ }

                /*mate7*/
                @media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){ }

                /*4 4s*/
                @media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ }

                [教程作者:jamky]
                免責聲明:本站文章系圖趣網整理發布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業用途!
                本文地址:http://www.iamyunfeng.com/Tutorial/wd2751.html
                js自動閉合html標簽
                移動場景下的圖像處理應用設計
                圖趣網微信
                建議反饋
                ×
                日韩AAA特级毛片,爆乳教师日本在线播放,一个人免费观看视频www动画

                  <address id="hztt5"><listing id="hztt5"><menuitem id="hztt5"></menuitem></listing></address>
                      <nobr id="hztt5"></nobr>
                      <address id="hztt5"></address>