如何使1920-1080px html页面适合屏幕并删除空白

我在一个网站上工作，它是1920-1080px，但它不适合屏幕，因为它太大了。我已经删除了边距和填充，它可以工作，但它太大，无法适应屏幕。页面右侧有空白，没有滚动条。如果我按比例缩放它，它会有一个滚动条，因此不适合屏幕

#Home_Page {
    position: absolute;
    box-sizing: border-box;
    background: #E5E5E5;
    width: 1920px;
    height: 1080px;
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    margin: 0;
    padding: 0;
    --web-view-name: Home Page;
    --web-view-id: Home_Page;
    --web-scale-to-fit: true;
    --web-scale-on-resize: true;
    --web-refresh-for-changes: true;
    --web-enable-deep-linking: true;
}

---

<>我希望它是全屏和可滚动的。

这里，我不确定我理解你的问题，但是如果你想让你的“HealthPoad”DIV成为全屏，你应该考虑VH和VW单位，如：

#Home_Page{
 width: 100vw;
 height: 100vh;
 …

100vw是视口宽度的100%，它动态地适应浏览器视口宽度的宽度

如果希望保持最小宽度为1366px，则：

#Home_Page{
 width: 100vw;
 min-width: 1366px;
 height: 100vh;
 …

---

由于不同的用户具有不同的监视器/显示器，因此不能在任何地方都使用静态大小的网页。即使您以某种方式实现了这一点，放大后的图像也可能有点模糊

正如DimNC早先指出的，您应该考虑创建响应页，或者将元素的<代码>高度设置为<代码> 100VH和<代码>宽度 > <代码> 100VW。 vh来自vierport height和 vw来自视口宽度

这样，您的页面将动态地“适应”各种屏幕和浏览器大小

#Home_Page {
 height: 100vh;
 width: 100vw;
}

---

我有一个垂直的滚动条在这一个，它仍然不适合。这是完整的代码：好的。我试图调整一个元素的大小，结果成功了。现在我来确认1920-1080是否有效。thnxI可能仍然不理解这里的所有内容，但我认为您的问题来自这样一个事实：您的所有div都是

位置：绝对的
，具有固定的坐标、宽度和高度。这意味着，即使调整浏览器窗口的大小，页面的所有元素也将保持相同的大小。因此，您不能有动态布局，因此，如果您的浏览器窗口与您的内容大小不完全一致，您的网页右侧将始终有一个空白。这是一个巨大的工作，你已经在这里做了，但有一个更好的结果更简单的方法。您可能需要检查CSS网格。请至少显示一个骨架标记布局。只使用一点CSS而不使用其他内容是很困难的。那么我应该怎么做呢？去掉主页中的固定坐标？下面是代码：它太大了，不适合实际的问题，那些前缀为
--web-
的属性是什么，它们在这里是否相关？您应该能够创建一个简化的演示。四个盒子和一个包装就足够了，不是吗？