以编程方式缩小网页

Question

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

有没有办法将页面中的所有内容缩放到正常大小的90％。所以我们不必手动缩小Firefox？

Answer 1

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

这将是专门针对Firefox的-moz-transform: scale(.9)。

Answer 2

显示器的物理尺寸并不重要。重要的是在该屏幕上显示的分辨率。找出旧屏幕的分辨率设置为什么，并查看新屏幕是否支持相同的分辨率。如果它确实如此，那么将其设置为此。如果不是，你可能会更好的重新布局工作不仅仅是一个特定的分辨率...

Answer 3

的解决方案有两个步骤：

1. 让除了字体灵活的一切。例如：表格，divs，菜单。
2. 编辑字体大小。

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