我用了10幾種手機(jī)測(cè)試，包括蘋果，ipad，都是正常的，但是我發(fā)現(xiàn)還是沒(méi)有兼容全部，分辨率是2k或者4k的手機(jī)就有問(wèn)題，兩邊會(huì)留空白，
5 回答
iiii7eo
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超5個(gè)贊
手機(jī)屏幕不一樣，dpr值也就不同，有2的有3的。
建議了解一下，dpr相關(guān)知識(shí)，然后試著用媒體查詢?cè)囋?，如?
@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
????// todo
}
You Are My Destiny
TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超2個(gè)贊
有留白應(yīng)該是rem沒(méi)有設(shè)置好吧，rem是相對(duì)于html上的font-size的值來(lái)改變的，還有就是可能你寬度百分比的問(wèn)題！
-
SBC其實(shí)是像素太高了，我前端用js判斷小于640的時(shí)候，100*(width-640)，大于的話就100px,正常情況下一般所有的都可以，就是高清的不行，但是如果完全按照width來(lái)的話，pc端很丑，不過(guò)現(xiàn)在解決了，只能弄一個(gè)手機(jī)端一個(gè)pc端分開
咕咕問(wèn)
TA貢獻(xiàn)78條經(jīng)驗(yàn) 獲得超12個(gè)贊
不清楚，僅供參考
留白肯定時(shí)width沒(méi)有100%；
rem在有些瀏覽器上可能會(huì)設(shè)置有最小值，就是你設(shè)置body{font-size：10px;}但實(shí)際展示是10px;
這個(gè)我也不是很懂，蘋果有些版本的物理像素和邏輯像素不一樣，書上寫的，好像是6plus，考慮下這個(gè)問(wèn)題。
添加回答
舉報(bào)
0/150
提交
取消