我用了10幾種手機測試,包括蘋果,ipad,都是正常的,但是我發(fā)現(xiàn)還是沒有兼容全部,分辨率是2k或者4k的手機就有問題,兩邊會留空白,
5 回答

iiii7eo
TA貢獻3條經(jīng)驗 獲得超5個贊
手機屏幕不一樣,dpr值也就不同,有2的有3的。
建議了解一下,dpr相關(guān)知識,然后試著用媒體查詢試試,如下:
@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
????// todo
}

You Are My Destiny
TA貢獻6條經(jīng)驗 獲得超2個贊
有留白應該是rem沒有設(shè)置好吧,rem是相對于html上的font-size的值來改變的,還有就是可能你寬度百分比的問題!

咕咕問
TA貢獻78條經(jīng)驗 獲得超12個贊
不清楚,僅供參考
留白肯定時width沒有100%;
rem在有些瀏覽器上可能會設(shè)置有最小值,就是你設(shè)置body{font-size:10px;}但實際展示是10px;
這個我也不是很懂,蘋果有些版本的物理像素和邏輯像素不一樣,書上寫的,好像是6plus,考慮下這個問題。
添加回答
舉報
0/150
提交
取消