想象一个网站，上面满是内容和文字，并且可以在1920 x 1080笔记本电脑屏幕上正常工作。
如果将图像从1920 x 1080笔记本电脑投影到3840××2160显示屏，则在两个屏幕上看起来都是相同的，可能由于放大而有些模糊。
但是，如何用3840××2160笔记本电脑屏幕获得相同的结果，使其看起来与1920 x 1080笔记本电脑完全相同？
假设我有一种方法可以检测分辨率是否高于1920 x1080。仅使用缩放将无法获得所需的结果。
转换：scale（2）;
...因为网站只会扩展外部布局。
诸如缩放每种字体，图像或未按百分比定义的任何内容之类的东西。
在我的脑海中有一个想法，如果您能以某种方式阻止站点扩展到超过1920px（在密度方面），并通过按比例缩放内容来填补空白，但这听起来像疯了，有什么建议吗？
最佳答案
正如Robert Harvey所提到的，CSS中有一个zoom属性。
要两次缩放组件，请将此行添加到HTML容器中：
zoom: 2;
但是在任何版本的Firefox中均不支持。
如果按比例放大和缩小宽度，仍可以在Firefox中获得类似的效果：
-moz-transform: scale(2);
-moz-width: 50%;
-moz-transform-origin: top left;
如果您不需要水平滚动，它会起作用，但是会在页面中添加滚动条，而
zoom可能不会出现此滚动条，并且还可以缩放元素内部的滚动条使其变胖（如果不需要，这不是问题容器内的滚动条）。