您好,登錄后才能下訂單哦!
我用了將近3個小時時間研究這個問題,終于用最最最笨的方法解決了。因為實在找不到原因是什么。
臺式機分辨率一般情況下為最大1920的設置,筆記本分比率最高是1920,但很大一部分比這個小,這是分辨率;
臺式機一般都為19寸及以上,筆記本一般保持在11寸到15.6存之間;
以上兩個原因,造成了筆記本顯示網頁剛剛好只顯示中間部分,而臺式機顯示的更寬,
而且據我觀察發現,臺式機調試的時候,把頁面放大到125%,才是筆記本正常100%的展示效果,在正常情況下,頁面不會出現太大問題,可是當有了定位的時候,將會造成布局嚴重錯亂。
(括弧:無論絕對定位,相對定位,但是頁面百分比縮小定位不會出現問題)
嘗試方法:給加定位的元素外面包個div,加絕對定位,里面用相對定位,或者給外面的元素加相對定位,里面用絕對定位,事實證明,只要一放大頁面,定位就會不一致,我想了下可能原因:
頁面放大,背景跟著也變大了,原本可能100像素的top值,現在可能50px就夠了,所以造成布局混亂。
目前還沒有想到好的解決辦法,不知道媒體查詢是否可以實現,因為在頁面放大的時候,布局是一直在變的。
最后我用最笨的辦法實現了,只能保證在頁面放大到150%之內,布局不會變,全部用margin實現定位。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。