像素宽度如何看待超出分辨率

Question

如果我的网站上的所有宽度都设置为1920px

如何看待更高的分辨率（例如4k）？它是否只填充网站的一部分并将其余部分留在其周围（因为这是我缩小时会发生的情况）？

我想我真正要问的是：如果我将整个网站视为一个图像，我可以一次性缩放它吗？

编辑：经过一番研究和尝试，我通过将宽度设置为100％并在我的需要之后查看高度（vh）来解决它。

Answer 1

根据CSS3 values spec，px是一个绝对的物理长度，应该映射到近似的真实世界维度：

  

参考像素＃是设备上一个像素的视角   像素密度为96dpi，距离手臂的读取器的距离   长度。对于标称臂长为28英寸，视角为   因此约0.0213度。对于手臂的长度读数，因此1px   相当于约0.26毫米（1/96英寸）。

这意味着设备本身应该针对显示器适当缩放px测量值 - 就4k而言，每个CSS像素可能会看到4个物理像素。这通常是在操作系统中用户可配置的，因此这不是保证。

硬编码网站的宽度通常是一个坏主意 - 当浏览器不是全屏时会发生什么？它如何在移动设备上出现？您应该考虑使用% em和{{1}}来使您的布局更灵活，并适应这些情况。