Html 仅在特定屏幕分辨率上自动缩放？

我的网站无法正确显示iframe的内容（如果有人熟悉的话，这是一个仪表板）

在我的大显示器上，仪表板显示良好，但在我的13英寸笔记本电脑上，一些数字被箭头遮住了。这只是Chrome的情况，因为Firefox没有这个问题

当我将缩放比例降低到90%时，所有内容都会在分辨率为13的屏幕上完美地显示出来，但是我不希望我的用户不得不手动缩小页面以使页面正确显示

我使用了各种各样的缩放、变换和缩放选项来获得正确的效果，但每当我在小分辨率上使用它时，它就会在大分辨率上中断。而且CSS代码似乎与通过Chrome手动执行的缩放不同，如果这有意义的话。只是工作方式不同而已

我不知道该怎么做，除了可能让屏幕大小自动调整到90%的分辨率，但我不知道该怎么做，或者是否可能

---

有什么想法吗？

您可以使用标签为不同的屏幕分辨率使用不同的CSS代码

---

您也可以在

html

或

body

标记上尝试CSS属性，但有些人不推荐使用它。

谢谢。我尝试过这个方法，在实践中效果很好，但不是我想象的那样。我在html和body上都使用了代码，它确实改变了缩放，但不是浏览器缩放的工作方式。很奇怪。我会继续搞乱它。我让它在某种程度上工作：

@媒体屏幕和（最大宽度：1280px）{html{transform:scale（.88）；}

-还有一些其他问题，但这是一个很好的开始。谢谢！