我们构建了一个在 19 英寸屏幕上完美运行的 Web 应用程序(在 Firefox 上作为 KIOSK 运行)。它包括许多图像和放置在这些图像周围的内容文本。在我们将设备更改为 18.5 英寸屏幕之前它运行良好。现在,它周围有滚动条。内容和图片不合适。我们需要缩小 Firefox 以使其完全适合屏幕,但这不是我们想要的。
有没有办法将页面中的所有内容缩放到正常大小的 90%。所以我们不必手动缩小Firefox?
我们构建了一个在 19 英寸屏幕上完美运行的 Web 应用程序(在 Firefox 上作为 KIOSK 运行)。它包括许多图像和放置在这些图像周围的内容文本。在我们将设备更改为 18.5 英寸屏幕之前它运行良好。现在,它周围有滚动条。内容和图片不合适。我们需要缩小 Firefox 以使其完全适合屏幕,但这不是我们想要的。
有没有办法将页面中的所有内容缩放到正常大小的 90%。所以我们不必手动缩小Firefox?
您也许可以transform: scale(.9)
在body
元素上使用。尽管将来我会建议使用媒体查询来构建响应式设计。
那将是-moz-transform: scale(.9)
专门针对 Firefox 的。
显示器的物理尺寸并不重要。重要的是该屏幕上显示的分辨率。找出旧屏幕的分辨率设置为什么,并查看新屏幕是否支持相同的分辨率。如果是这样,太好了,设置它。如果没有,您最好重新设计布局以处理不止一种特定的分辨率......
解决方案有 2 个步骤:
编辑字体大小也会使网站看起来越来越小。