网页适配--解决笔记本DPI为125%时网页被浏览器放大的bug

 当ui的设计稿为1920px的时候,笔记本电脑默认DPI为125%,浏览器会把网页放大.

图片放在网页上,图片会把内容撑大,显示效果和设计稿上完全不同,浏览器缩放到80%的时候才才发现和设计稿一致了,而且图片大小也对的上,可以通过媒体查询适配网页的缩放,针对不同屏幕尺寸设置不同的样式

1.  
   @media (max-width: 1919px) and (min-width: 768px) {
2.  
   html {
3.  
   zoom: 80%;
4.  
   }
5.  
   @-ms-viewport { width: 1920px; }
6.  
   }

这篇好文章是转载于：学新通技术网