義烏網站建設實測搞定win10放大(dà錯木)網頁錯(cuò)位問題

2021-03-20 來源：www.057在森9es.com 作者：宇訊(xùn)科(動船kē)技 閱讀 1421

win10顯示的放大(dà)引起網頁錯(cuò)位問題肯定厭樹是要解決的，肯定不(bù)能讓浏覽器(qì)訪問者把屏幕設置成鄉市100%,筆記本屏幕不(bù)比例放大(dà)看起來真的太小(xiǎo)了，喝資所以基本上很多筆記本使用者都會(huì)把顯示放大(dà)來查看網站及工(g一會ōng)作。

怎麼解決義烏網站建設完成後在win10下放大(dà)問題？

其實簡單的，一(yī)般筆記本屏幕1920X1080的寬，那如(rú)果放內舞大(dà)125%，就是1920除以1.25等于153劇我6，也就是相當于當前的屏幕分辨率是1536頻兵px的寬，如(rú)果放大(dà)150%,那就是19兵理20除以1.5等于1280也就是當前的分辨率。以相除後的分辨率來哥員進行分辨率斷點調整就可以了。

在客戶反應錯(cuò)位時(shí)，我們生習(men)看放大(dà)150%

1920/1.5=1280px 

    @media screen and (max門厭-width: 1280px) {
        #new_prod司你uct_list{
            width:嗎熱 100%; margin:0 auto; padding:0px;  o下讀verflow: hidden;
     睡來   }
        #new_prod風下uct_list > .right{ float: right; 藍在width: 950px; }
    }
通(tōng)過這個定義，在win10下測試通(tōng)過。


相關文章推薦