首页 > 建站教程 > Div+Css >  CSS解决屏幕放大125%导致页面显示“臃肿”的问题正文

CSS解决屏幕放大125%导致页面显示“臃肿”的问题

windows或者mac的高分辨率电脑,默认都喜欢将显示分辨率放大125%或者150%(windows下,右键桌面->显示设置->缩放与布局),此时,如果在100%情况下,看起来比较舒服的页面,到了这种分辨率下,看起来会非常“臃肿”,我爱模板网就遇到了这给情况,一般都要跟客户解释下:“是您的电脑设置问题,您把缩放设置为100%看下?”,如果客户照做了,基本上就不用解决了。但是有的客户很偏执,没办法,只能自己解决。

解决办法如下:

@media (max-width: 1919px) and (min-width: 768px) {
    html {
        zoom: 80%;
    }
    @-ms-viewport { width: 1920px; }
}