Javascript 以编程方式缩小网页

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

---

是否有一种方法可以将页面中的所有内容放大到正常大小的90%。所以我们不必手动缩小Firefox

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

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

您可以在

主体
元素上使用
变换：缩放（.9）
。尽管在将来，我会建议使用媒体查询来构建响应性设计

对于Firefox来说，这将是
-moz transform:scale（.9）
。
您可以在
主体
元素上使用
transform:scale（.9）
。尽管在将来，我会建议使用媒体查询来构建响应性设计

这将是专门针对Firefox的
-moz transform:scale（.9）
。
解决方案有两个步骤：

使除字体外的所有内容都灵活。例如：表、div、菜单
编辑字体大小
编辑字体大小也会使网站看起来越来越大越来越小。
解决方案有两个步骤：

使除字体外的所有内容都灵活。例如：表、div、菜单
编辑字体大小
编辑字体大小也会使网站看起来越来越大和越来越小。
你应该研究<代码>响应式网页设计你应该研究<代码>响应式网页设计我添加了-moz transform:scale（90%）的可能副本，但什么都没有发生。还有什么需要补充的吗？有一个大问题——Firefox没有正确处理transform:scale（）——它会缩小，但也会将内容从上到下、从左到右移动——这取决于缩小的程度——有没有办法避免？那么mozilla真的会调整页面大小而不将其从页面中心移动？谢谢…我添加了-moz-transform:scale（90%），但什么也没发生。还有什么需要补充的吗？有一个大问题——Firefox没有正确处理transform:scale（）——它会缩小，但也会将内容从上到下、从左到右移动——这取决于缩小的程度——有没有办法避免？那么mozilla真的会调整页面大小而不将其从页面中心移动？谢谢…是的，谢谢，好主意。我会试试这个，但我现在没有19英寸的屏幕。非常感谢。是的，谢谢。好主意。我会试试这个，但我现在没有19英寸的屏幕。非常感谢你。