亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

iPhone 6和6 Plus媒體查詢

iPhone 6和6 Plus媒體查詢

HUX布斯 2019-10-05 13:02:57
有誰知道特定的屏幕尺寸以針對iPhone 6和6 Plus的媒體查詢?另外,圖標大小和初始屏幕?
查看完整描述

3 回答

?
catspeake

TA貢獻1111條經驗 獲得超0個贊

這就是現在為我工作的東西:


iPhone 6


@media only screen and (max-device-width: 667px) 

    and (-webkit-device-pixel-ratio: 2) {

iPhone 6+


@media screen and (min-device-width : 414px) 

    and (-webkit-device-pixel-ratio: 3)


查看完整回答
反對 回復 2019-10-05
?
慕雪6442864

TA貢獻1812條經驗 獲得超5個贊

這對我適用于iPhone 6


/*iPhone 6 Portrait*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 


}


/*iPhone 6 landscape*/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 


}


/*iPhone 6+ Portrait*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { 


}


/*iPhone 6+ landscape*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { 


}


/*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){ 

}


/*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 : portrait){ 


}


/*iPhone 6 and iPhone 6+ landscape*/

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape){ 


}


查看完整回答
反對 回復 2019-10-05
  • 3 回答
  • 0 關注
  • 1012 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號