Html 对于较小的显示器,是否有正确的解决方案来缩放所有页面?

Html 对于较小的显示器,是否有正确的解决方案来缩放所有页面?,html,css,Html,Css,我已经做了一个html标记,我的显示器足够大,但是在小的显示器中它太乱了,我用css做了一个媒体查询,只有用户zoom属性,这是一个正确的解决方案吗 media query for 900px { body { zoom: 0.8; } } media query for 600px { body { zoom: 0.6; } } 我只是不知道如何解决这个问题,所以我尝试了这个方法,但我不知道这个方法的缺点是什么?这是一种回避问题的方法。大多数传统网站都会改

我已经做了一个html标记,我的显示器足够大,但是在小的显示器中它太乱了,我用css做了一个媒体查询,只有用户
zoom
属性,这是一个正确的解决方案吗

media query for 900px {

 body {
    zoom: 0.8;
 }

}

media query for 600px {

  body {

    zoom: 0.6;
 }
}

我只是不知道如何解决这个问题,所以我尝试了这个方法,但我不知道这个方法的缺点是什么?

这是一种回避问题的方法。大多数传统网站都会改变内容以适应屏幕。你的想法是正确的,只要它适合所有的屏幕大小。你所做的暂时是好的,但要考虑让你的设计具有响应性。

这不是在小屏幕中适合你的内容的最佳方式。如果您有足够的资源和时间,您应该实施一个真正的响应性解决方案,从而相应地扩展所有内容

media query for 900px {

 body {
    zoom: 0.8;
 }

}

media query for 600px {

  body {

    zoom: 0.6;
 }
}
使用这种方式时请注意,因为这样会使内容无法阅读。想象一个
12px
文本被缩小,但80%的文本将非常难以阅读

另外,Firefox根本不支持
zoom
,因此您可能需要使用
transform:scale(x)