以编程方式缩小网页

Question

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

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

Answer 1

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

具体来说，这将是-moz-transform: scale(.9)。

Answer 2

显示器的物理尺寸并不重要。重要的是该屏幕上显示的分辨率。找出旧屏幕的分辨率设置为什么，并查看新屏幕是否支持相同的分辨率。如果确实如此，那么就把它设置为那个。如果没有，您可能最好重新设计布局，而不仅仅是一个特定的分辨率......

Answer 3

解决方案有两个步骤：

1. 使字体除了字体灵活。例如：表格，div，菜单。
2. 编辑字体大小。

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