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

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

安卓retina屏幕css里邊的device-width 判斷有問題

安卓retina屏幕css里邊的device-width 判斷有問題

一只名叫tom的貓 2019-04-19 16:11:10
preconditionmx4默認瀏覽器meta:width=device-widthwindow.innerWidth=384,window.devicePixelRatio=3,screen.width=1152問題css//ipad的mediaquery被適配到了mx4上@mediaonlyscreenand(min-device-width:768px)and(orientation:portrait){}iphone下正常,同樣地問題在華為貓客也有。猜測的原因:css里邊device-width的判斷按照屏幕分辨率(1152)來計算,不是按照瀏覽器設置device-width(381)來計算求大神支招解答?。。。。?!
查看完整描述

2 回答

?
慕碼人8056858

TA貢獻1803條經驗 獲得超6個贊

將ipad的判斷條件補齊:@mediaonlyscreenand(min-device-width:768px)and(max-device-width:1024px)and(orientation:landscape){/Styles/}
你可以使用@mediascreenand(device-width:1152px){/Styles/}來檢測mx4上使用到的device-width是否等于screen.width。
but,據我目前的知識,樓主的情況不應該啊,手邊沒有mx4,測不到。
當然還有可能的情況是@mediaonlyscreenand(min-device-width:768px)在mx4上的解讀出錯直接忽略,這樣也會落在這個區域里。
                            
查看完整回答
反對 回復 2019-04-19
?
肥皂起泡泡

TA貢獻1829條經驗 獲得超6個贊

你可能沒有設置viewport吧:
...
...
其中target-densityDpi=medium-dpi比較重要,關于dpi的概念如果不了解的話,建議你去查一下。
                            
查看完整回答
反對 回復 2019-04-19
  • 2 回答
  • 0 關注
  • 231 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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