是缩放所有页面缩小显示器的正确解决方案吗？

Question

我已经编写了一个html标记，我的显示器足够大了，但是在小显示器中它是一团糟，我在css和用户zoom属性中进行了媒体查询，这是对的吗溶液

media query for 900px {

 body {
    zoom: 0.8;
 }

}

media query for 600px {

  body {

    zoom: 0.6;
 }
}

我只是对如何解决这个问题没有想法，所以我尝试了这个，但我不知道这个解决方案的缺点是什么？

Answer 1

那是一种解决问题的方法。大多数传统网站会改变其内容以适应屏幕。你有正确的想法，只要它适合所有的屏幕尺寸你正在做的事情在时间上是好的，但考虑让你的设计响应。

Answer 2

这不是在小屏幕中显示内容的最佳方式。如果你有资源和时间，你应该实现一个真正的响应式解决方案，相应地扩展所有内容......

使用这种方式时请注意，因为您可能会使您的内容无法阅读。想象一下，12px文本被缩小，但80％将难以阅读。

Firefox根本不支持zoom，因此您可能希望使用transform: scale(x)。