如果屏幕分辨率较大,如 2048px,则 HTML 正文不会覆盖全屏

标签 html css

在iPad纵向模式或屏幕分辨率超过1920px的情况下,html主体在右侧留有空白,每个元素在右侧显示空白,并且随着屏幕分辨率的增加,该空间变宽

我在正文中将 padding 和 margin 设置为 0 此外,我已将宽度设置为 100%,但同样的问题仍然存在

body {
  line-height: 1.7;
  color: gray;
  font-weight: 400;
  font-size: 1rem;
  overflow-x:hidden;
  width: 100% !important;   }

我希望通过将上面的代码添加到主体中,右侧不会有空白,但它会留下一些空间

最佳答案

试试这个

html{
    width:100%;
    height:100%;
}

关于如果屏幕分辨率较大,如 2048px,则 HTML 正文不会覆盖全屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56058388/

相关文章:

android - 选择在 android 2.2 中不起作用

css - 如何通过重新格式化输出不断从 img 更改为 anchor 和 div 背景

jquery - 导航栏固定顶部不起作用,如 LayoutIt 预览中所示

javascript - 查询 : Function to autoscroll the page on load

html - CSS-如何在底部边框线上对齐背景图像?包含 Jsfiddle

javascript - 如何让div模态在每次打开时滚动到顶部?

html - (HTML CSS) 代码示例 div 弄乱了我的页面

html - 链接到外部样式表时不会加载页面

html - 显示:表格单元格和 float

html - float :right element not inline with float:left element