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