html - Chrome 浏览器默认设置不会停止使用滚动条，除非在运行我的代码时

Question

我被要求在没有滚动条的情况下调整我的网站大小和调整，因为它也用于移动设备（即使其响应）。这个问题是一个谜，可能是直截了当的，但我已经在谷歌上搜索了一个小时，还没有找到答案。

我将 HTML 代码中的大小更改为百分比而不是固定大小，并用 CSS 类替换了一些样式。这很有效，当我在 Chrome 和 IE 中运行它时，它在调整浏览器大小时可以很好地调整内容。但是，当我将它部署在移动设备中时，它只是看起来和以前一样，带有滚动条。我回到我的代码并再次运行它，当我在同一个浏览器中运行部署的站点时它可以工作，但是当我在新浏览器中尝试相同时它又回到滚动条。

它在 IE 中正常工作，但在 Chrome 和 edge 中，它只有在我首先在该浏览器中编译时才有效。我的代码有效，但显然是什么导致它使用我需要修复的新浏览器恢复。这是浏览器设置还是我需要更改我的 CSS？

标签： htmlcssmodel-view-controllerresize

Answer 1

尝试使用vw作为单位而不是%或px作为文本。并且图像的最大宽度和最大高度以%而不是px为单位。