溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

不同顯示設(shè)備下分辨率不同造成的定位錯(cuò)亂問題。

發(fā)布時(shí)間：2020-07-27 09:43:34 來源：網(wǎng)絡(luò) 閱讀：568 作者：蓓蕾心晴 欄目：開發(fā)技術(shù)

我用了將近3個(gè)小時(shí)時(shí)間研究這個(gè)問題，終于用最最最笨的方法解決了。因?yàn)閷?shí)在找不到原因是什么。

臺(tái)式機(jī)分辨率一般情況下為最大1920的設(shè)置，筆記本分比率最高是1920，但很大一部分比這個(gè)小，這是分辨率；

臺(tái)式機(jī)一般都為19寸及以上，筆記本一般保持在11寸到15.6存之間；

以上兩個(gè)原因，造成了筆記本顯示網(wǎng)頁剛剛好只顯示中間部分，而臺(tái)式機(jī)顯示的更寬，

而且據(jù)我觀察發(fā)現(xiàn)，臺(tái)式機(jī)調(diào)試的時(shí)候，把頁面放大到125%，才是筆記本正常100%的展示效果，在正常情況下，頁面不會(huì)出現(xiàn)太大問題，可是當(dāng)有了定位的時(shí)候，將會(huì)造成布局嚴(yán)重錯(cuò)亂。

（括?。簾o論絕對(duì)定位，相對(duì)定位，但是頁面百分比縮小定位不會(huì)出現(xiàn)問題）

嘗試方法：給加定位的元素外面包個(gè)div，加絕對(duì)定位，里面用相對(duì)定位，或者給外面的元素加相對(duì)定位，里面用絕對(duì)定位，事實(shí)證明，只要一放大頁面，定位就會(huì)不一致，我想了下可能原因：

頁面放大，背景跟著也變大了，原本可能100像素的top值，現(xiàn)在可能50px就夠了，所以造成布局混亂。

目前還沒有想到好的解決辦法，不知道媒體查詢是否可以實(shí)現(xiàn)，因?yàn)樵陧撁娣糯蟮臅r(shí)候，布局是一直在變的。

最后我用最笨的辦法實(shí)現(xiàn)了，只能保證在頁面放大到150%之內(nèi)，布局不會(huì)變，全部用margin實(shí)現(xiàn)定位。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手