0

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

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

4

3 回答 3

2

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

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

于 2012-04-08T13:43:45.383 回答
1

显示器的物理尺寸并不重要。重要的是该屏幕上显示的分辨率。找出旧屏幕的分辨率设置为什么,并查看新屏幕是否支持相同的分辨率。如果是这样,太好了,设置它。如果没有,您最好重新设计布局以处理不止一种特定的分辨率......

于 2012-04-08T13:43:32.153 回答
0

解决方案有 2 个步骤:

  1. 使除字体之外的所有内容都变得灵活。例如:表格、div、菜单。
  2. 编辑字体大小。

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

于 2012-12-29T11:14:09.860 回答