我用了將近3個小時(shí)時(shí)間研究這個問題,終于用最最最笨的方法解決了。因?yàn)閷?shí)在找不到原因是什么。
臺式機(jī)分辨率一般情況下為大1920的設(shè)置,筆記本分比率最高是1920,但很大一部分比這個小,這是分辨率;
臺式機(jī)一般都為19寸及以上,筆記本一般保持在11寸到15.6存之間;
以上兩個原因,造成了筆記本顯示網(wǎng)頁剛剛好只顯示中間部分,而臺式機(jī)顯示的更寬,
而且據(jù)我觀察發(fā)現(xiàn),臺式機(jī)調(diào)試的時(shí)候,把頁面放大到125%,才是筆記本正常100%的展示效果,在正常情況下,頁面不會出現(xiàn)太大問題,可是當(dāng)有了定位的時(shí)候,將會造成布局嚴(yán)重錯亂。
(括?。簾o論絕對定位,相對定位,但是頁面百分比縮小定位不會出現(xiàn)問題)
嘗試方法:給加定位的元素外面包個div,加絕對定位,里面用相對定位,或者給外面的元素加相對定位,里面用絕對定位,事實(shí)證明,只要一放大頁面,定位就會不一致,我想了下可能原因:
頁面放大,背景跟著也變大了,原本可能100像素的top值,現(xiàn)在可能50px就夠了,所以造成布局混亂。
目前還沒有想到好的解決辦法,不知道媒體查詢是否可以實(shí)現(xiàn),因?yàn)樵陧撁娣糯蟮臅r(shí)候,布局是一直在變的。
最后我用最笨的辦法實(shí)現(xiàn)了,只能保證在頁面放大到150%之內(nèi),布局不會變,全部用margin實(shí)現(xiàn)定位。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
分享文章:不同顯示設(shè)備下分辨率不同造成的定位錯亂問題。-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://chinadenli.net/article38/ghepp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、軟件開發(fā)、企業(yè)網(wǎng)站制作、電子商務(wù)、標(biāo)簽優(yōu)化、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容