首页 > 代码库 > 浏览器在DPI缩放时变化问题

浏览器在DPI缩放时变化问题

在高分辨笔记本电脑上,如果使用了"放大".那么原来在笔记本上很小的字和图就看起来大很多了.看起来舒服.

技术分享

这个笔记本电脑是 1920 1080 装W10,系统推荐说125%佳.于是设置成125%

设成这个之后,浏览器就变样了.

技术分享

这是最大化时的浏览器,原本应该是1920才对的

技术分享

这样的话,在调试网页时,会造成比例不对的困扰.比如设计图是1920的,那么当然是在1920的分辨下显示最好了.

让网页不随着电脑放大的办法

1.谷歌浏览器: 

    禁用DPI缩放,加上这句话 /high-dpi-support=1 /force-device-scale-factor=1

技术分享

2.火狐浏览器

   技术分享

3.edge浏览器

   好像只需要设置100%就行了

   技术分享技术分享

浏览器在DPI缩放时变化问题