义乌网站建设实测搞定win10放大网页错位问题

2021-03-20 来源:www.0579es.com 作者:宇讯科技 阅读 1499


win10显示的放大引起网页错位问题肯定是要解决的,肯定不能让浏览器访问者把屏幕设置成100%,笔记本屏幕不比例放大看起来真的太小了,所以基本上很多笔记本使用者都会把显示放大来查看网站及工作。

怎么解决义乌网站建设完成后在win10下放大问题?

其实简单的,一般笔记本屏幕1920X1080的宽,那如果放大125%,就是1920除以1.25等于1536,也就是相当于当前的屏幕分辨率是1536px的宽,如果放大150%,那就是1920除以1.5等于1280也就是当前的分辨率。以相除后的分辨率来进行分辨率断点调整就可以了。

在客户反应错位时,我们看放大150%

1920/1.5=1280px

    @media screen and (max-width: 1280px) {
        #new_product_list{
            width: 100%; margin:0 auto; padding:0px;  overflow: hidden;
        }
        #new_product_list > .right{ float: right; width: 950px; }
    }
通过这个定义,在win10下测试通过。



相关文章推荐