我的MacBook上有2560 x 1600 px的分辨率，当我制作一个尺寸参数比我的分辨率小一半(即1280 x 800(的div时，我希望我的浏览器使用一半的屏幕表面，但它显示缩放的对象，我该如何解决这个问题？
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="height: 800px; width: 1280px; background-color: cyan;">
</div>
</body>
</html>
这是由于设备像素比：如果DPR为2(对于大多数视网膜显示器(；CSS像素"；(即您在CSS中设置的像素设置(是设备像素的2倍宽和2倍高，允许基于矢量的图形(包括字体(具有更精细的分辨率。因此，你必须将设备的实际结果值除以这个数字，才能得到相应的CSS像素值。
在媒体查询中，您也可以使用设备像素，但不能在常规CSS规则中使用。
此处提供更多信息：https://hacks.mozilla.org/2013/09/css-length-explained/
请检查您的显示比例/缩放级别。提示：如果你想根据屏幕大小缩放你的div，你可以在css中使用vh和vw。100vh为全宽。