javascript - 我的网页在使用 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;
}
解决方案
某些元素大于屏幕并且不适应。通过检查您会发现的元素进行检查。有项目链接吗?
推荐阅读
- java - Micronaut @Refreshable 无法按预期工作
- google-apps-script - 触发错误:很抱歉,从存储读取时发生服务器错误。错误代码 PERMISSION_DENIED
- xamarin - Prism Xamarin Forms 选项卡式页面导航不起作用
- firebase - 云功能中的 Firestore 分页
- image - 如何在 drupal 7 中提高页面性能
- mqtt - 如何使用 STM32L496G-CELL02 和 BG96 获得 STM32 MQTT 示例?
- regex - groovy 和正则表达式匹配组的问题
- git - Git - 以编程方式阻止提交或推送的能力
- reactjs - 使用 testing-library 进行测试时,无法捕获 React 组件内引发的错误
- python - 分页出错 - python web scraping