Html 为什么Bootstrap';是CSS切断了我页面上的内容吗?

Html 为什么Bootstrap';是CSS切断了我页面上的内容吗?,html,twitter-bootstrap,Html,Twitter Bootstrap,我正在使用Bootstrap构建一个网页。该页面在台式机和笔记本电脑上看起来应该是这样的。然而,当在手机上观看时,页面内容的下半部分被切断。这种情况只在移动电话或尺寸小于991px的windows上发生 我试着筛选包含的引导CSS文件,但找不到任何风格规则来规定我所描述的任何行为 我附上了两个屏幕截图:图1是预期的行为——内容以嵌入的联系人表单结尾。图2是令人困惑的行为——页面刚刚结束在定价表的中间。 该网站是grillemasters.info [图1] [图2]如果看不到更多信息(例如,尝试

我正在使用Bootstrap构建一个网页。该页面在台式机和笔记本电脑上看起来应该是这样的。然而,当在手机上观看时,页面内容的下半部分被切断。这种情况只在移动电话或尺寸小于991px的windows上发生

我试着筛选包含的引导CSS文件,但找不到任何风格规则来规定我所描述的任何行为

我附上了两个屏幕截图:图1是预期的行为——内容以嵌入的联系人表单结尾。图2是令人困惑的行为——页面刚刚结束在定价表的中间。 该网站是grillemasters.info

[图1]

[图2]

如果看不到更多信息(例如,尝试发布仍然显示此错误的最小数量的HTML),则很难制定解决方案。但这里有三件可能的事情需要检查:

  • 不匹配(不完整)的DOM 如果您有一个打开的元素(例如,
    )而没有关闭(
    ),HTML会以一种神秘且通常无法复制的方式运行。这通常包括在不匹配后错误设置所有元素的样式
  • 字符错误或文件不完整 如果您正在通过FTP上传,并且连接被中断,则您可能只查看文件的一部分。尝试删除并重新上载。如果浏览器或FTP客户端遇到使其停止读取文件的字符,也会发生同样的情况,这两种情况都可能导致不匹配的DOM
  • 不必要的
    body
    CSS
    确保不要在任何位置(或任何其他全局、所有包含元素)指定
    正文
    html
    高度
    。页面应自然流动,无需指定高度:100%。
[EDIT]我查看了您的站点(如果其他人对在框架外调试感兴趣,该站点会重定向到)。当你把屏幕调整到如此小的尺寸时,看看页面的顶部;有相当普遍的CSS问题,可能是由
位置引起的:固定的
绝对的
不需要的位置


尝试解决这个问题,我怀疑你也会偶然发现这个问题的解决方案。

很难从你的截图中分辨出发生了什么。这不是一个苹果对苹果的比较。张贴你的相关代码或创建一个小提琴将是有益的。此外,请阅读以了解BS媒体查询。听起来你遇到了一个断点。