gpt4 book ai didi

html - 在移动设备上缩小网页会导致行偏移

转载 作者:太空宇宙 更新时间:2023-11-04 12:45:42 25 4
gpt4 key购买 nike

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

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

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

  • 请记住,问题只出现在非常小的屏幕上,因此您必须将浏览器窗口的宽度缩小到 < 335 像素。

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

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

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

这是问题的图片:

Rows are offset in this image -- when they are supposed to be lined up

谢谢大家!

最佳答案

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

关于html - 在移动设备上缩小网页会导致行偏移,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26533780/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com