系统缩放（DPI）导致浏览器网页HTML元素尺寸缩放问题（宽高出现小数点）

问题由来

在查看考拉海购官网时，发现网页元素宽高与实际网页源代码不一致，出现缩放问题（宽高非整数，带有小数点），且狼狼的浏览器没有进行缩放。这种非整数的元素描述在静态网页设计中是非常奇怪的。

狼狼本以为是浏览器的问题（360极速），在切换firefox和chrome浏览器后，网页元素同样存在缩放问题。

在问过前端朋友后，我们推测，缩放是系统级的。

问题解决

方案一（不推荐）

在系统——屏幕——高级缩放设置中，我们发现缩放为125%，这是系统推荐的设置，将其更改为100%后，网页元素缩放消失了。

但同时，由于笔记本电脑的DPI和分辨率问题，所有元素和程序都变得非常小，这显然是不能满足我们的。

方案二（推荐）

1.右键360极速浏览器，调出程序属性设置

2.在“兼容性”一栏中，点击“更改高级DPi设置”

3.将“高DPI缩放替代”勾选，下拉框选择“系统”，即将此应用程序的缩放修改为系统默认，而不是用户设置（应用程序）

打开网页，问题解决。