仅在某些屏幕分辨率上自动缩放?

时间:2017-05-18 20:18:33

标签: html css css3

我的网站存在问题,我的网站正确显示了iframe的内容(如果有人熟悉的话,它是来自Metabase的信息中心)。

在我的大显示器上,仪表板显示正常,但在我的13英寸笔记本电脑中,一些数字被箭头遮挡。这只是Chrome中的情况,因为Firefox没有问题。

当我将变焦降低到90%时,所有内容都显示在13英寸分辨率上完美无缺,但是我不希望我的用户必须手动缩小才能使页面正常显示。

我已经使用各种缩放,变换和缩放选项来使这看起来正确,但每当我让它处理小分辨率时,它就会破坏较大的分辨率。如果有意义的话,CSS代码似乎与通过Chrome手动执行缩放相同。它只是以同样的方式工作。

我不知道该怎么做,除非屏幕尺寸自动调整到较小的分辨率到90%,但我不知道该怎么做或者甚至可能。

我能做什么的想法?

1 个答案:

答案 0 :(得分:1)

您可以使用@media标记为不同的屏幕分辨率使用不同的CSS代码。

您还可以尝试htmlbody标记上的CSS zoom属性,但有些人不推荐使用。