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