首页 > 解决方案 > 我的网页在使用 html 和 css 构建的页眉和页脚的右侧显示空白

问题描述

我的网页在手机等小屏幕上的右侧可滚动侧显示空白。它在大屏幕上运行良好,但在手机上使用时无法相应调整其大小。请帮忙。

.row-header {
  padding: 0px auto;
  margin: 0px auto;
}

.jumbotron {
  background-color: #9e9e9e;
  padding: 60px 90px 60px 90px;
}

.jumbotron h1 {
  color: floralwhite;
  font-family: 'Libre Caslon Text', serif;
  letter-spacing: 3px;
  position: relative;
  text-align: center;
}

.jumbotron p {
  font-family: 'Dancing Script', cursive;
  font-size: 25px;
  color: antiquewhite;
  position: relative;
  text-align: center;
}

标签: javascripthtmlcssresponsive-design

解决方案


某些元素大于屏幕并且不适应。通过检查您会发现的元素进行检查。有项目链接吗?


推荐阅读