【问题标题】:Scaling down webpage on mobile causes rows to offset在移动设备上缩小网页会导致行偏移
【发布时间】:2014-10-23 17:23:23
【问题描述】:

我在网页上使用 Bootstrap,但在将行缩小到移动时遇到问题。

预期效果是在移动设备上将每行分成 4 个相等部分的行缩小为每行 2 个相等的部分。这很好用,除非设备低于某个宽度(大约 335 像素)。低于该阈值,在分区不再水平对齐的某些区域中,行会变得混乱。

这里是a link to the page,所以你可以明白我的意思。

  • 请记住,问题仅出现在非常小的屏幕尺寸上,因此您必须将浏览器窗口的宽度缩小到

究竟是什么原因造成的?您认为如何解决?

  • 对于 HTML 和 CSS,请点击 www.texasca.com/team.html 的链接

标记和 CSS 似乎很复杂/很长,无法实际放入问题中,但如果您需要,请告诉我,我会这样做。

这是问题的图片:

谢谢大家!

【问题讨论】:

    标签: html css twitter-bootstrap mobile


    【解决方案1】:

    这看起来像是一个浮动结算问题。尝试将引导程序“clearfix”类添加到您的 div。您可以在此处http://getbootstrap.com/css/#grid-responsive-resets 获取有关此问题的更多信息。

    【讨论】:

    • 哇,就这么简单。谢谢
    猜你喜欢
    • 2020-07-24
    • 1970-01-01
    • 1970-01-01
    • 2016-03-07
    • 2021-08-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多