以编程方式缩小网页

Programmatically zoom out web page

本文关键字：网页缩小方式编程更新时间：2023-09-26

我们构建了一个在19英寸屏幕上完美运行的Web应用程序（在Firefox上作为KIOSK运行）。它包括放置在这些图像周围的许多图像和内容文本。在我们把设备换成18.5英寸的屏幕之前，它一直工作得很好。现在，它周围有滚动条。内容和图像不合适。我们需要缩小Firefox以使其完全适合屏幕，但这不是我们想要的。

有没有办法将页面中的所有内容缩放到正常大小的 90% 等级别。所以我们不必手动缩小火狐？

您可以在body元素上使用transform: scale(.9)。尽管将来我建议使用媒体查询来构建响应式设计。

这对于Firefox来说尤其-moz-transform: scale(.9)。

显示器的物理大小并不重要。重要的是屏幕上显示的分辨率。了解旧屏幕的分辨率设置，并查看新屏幕是否支持相同的分辨率。如果是这样，那就太好了，把它设置为那个。如果没有，您最好重新设计布局以处理多个特定分辨率......

该解决方案有 2 个步骤：

使除字体以外的所有内容都灵活。例如：表格、div、菜单。
编辑字体大小。

编辑字体大小也会使网站看起来越来越大。