浏览器视口宽度是否始终取决于Windows 10缩放设置？

问题描述

对于在Windows 10 v1909中的Chrome上显示的网站，网站的视口宽度是否总是根据Windows 10的“缩放比例和布局”设置（在“设置”>“显示”>“缩放比例和布局”中找到）而变化？视口元标记的width值设置为device-width时是什么？

我刚刚购买了一台新的3840 x 2160 4K超高清（UHD）显示器，认为我设计的网站将以3840像素宽显示。但是，当我使用Chrome的开发者工具检查标题元素时，当我将Windows 10放大时，视口的宽度会变小。并且因为我无法读取3840像素宽的4K UHD显示器上显示的任何文本（在Windows 10缩放时会发生这种情况）设置为100％），我已将Windows 10缩放比例增加到了175％，以便可以舒适地阅读文本。但是，当我增加Windows 10缩放比例时，浏览器的视口宽度会缩小（例如，在Windows 10缩放175％时，我的浏览器视口的宽度为2195像素）。我做了一些实验，这是与特定Windows 10缩放值关联的浏览器视口的宽度：

• 100％缩放... 3840视口宽度
• 125％缩放... 3072视口宽度
• 150％缩放... 2560视口宽度
• 175％缩放... 2195视口宽度
• 200％缩放... 1920视口宽度

我发布此问题的原因是，我可以理解在设计4K网​​站时需要多少尺寸的图像。我使用Avada WordPress主题来设计我所有的客户网站。他们设计4K网​​站的建议是：

“一般来说，我们目前在演示中使用2000像素宽的图像，这些图像通常足够大，可以使图像在所有常见的屏幕尺寸上看起来都很棒。”

从上面列出的Windows 10缩放比例和浏览器视口值的表中可以看出，当Windows 10缩放比例为175％或更高时，Avada的图像宽度建议仅适用于在175％的缩放比例下会出现图像的轻微上采样）。由于就能够舒适地阅读文本而言，将Windows 10在4K UHD显示器上缩放为150％的情况“很难”，并且任何小于150％的缩放比例基本上是不可读的，因此，对于4K图像宽度来说，一般的经验法则似乎UHD监视器为2600像素。该图像宽度将覆盖Windows 10的150％或更高比例缩放。

对于小于150％的Windows缩放，将对2600像素的图像进行上采样以填充视口的宽度。 但是，在我看来，大多数人会在4K UHD显示器上将Windows 10缩放至至少150％，以使文本可读（这是BIG的假设，我认为这会驱动图像的宽度） 。由于与Windows 10缩放比例为150％关联的视口宽度为2560像素，因此以2600像素宽创建的图像将填充浏览器视口，而不会上采样（并且可能会降低质量）。

我是否正确理解Windows 10缩放和浏览器视口宽度之间的关系？我关于为2K像素宽度的4K网站设计调整所有图像大小的结论正确吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）