<分区>
这是我创建的页面的链接:https://thawing-savannah-89995.herokuapp.com/ 这是我在没有帮助的情况下仅使用 PSD 制作的第一个网页。
这是我遇到问题的区域的 SS,当我缩小浏览器大小时,它一直在中断。这种布局对我来说很难想通,而且我认为不应该这样。我怎样才能更好地为该部分设计 html 和 CSS?
最佳答案
在发表这篇文章时,我没有足够的代表发表评论。抱歉,如果可以的话我会的。
我建议在 css 中使用一个叫做 flexbox
的东西。它需要一些额外的工作,而不是 Bootstrap 或 960 或其他东西,但结合百分比单位,甚至可能 vh/vw
如果你想成为新时代。
This guide解释得比我希望的要好;基本上,它是一个动态对齐系统。与替代方案相比,居中变得微不足道。请记住,您可能需要一些@media 断点,主要用于更改flex-direction
。
最近获得了almost (对不起 IE)通用浏览器支持。如果您确实关心 IE,请使用类似 flexibility 的垫片.
如果您确实想使用类似 Bootstrap 的网格系统,则有更好的 alternatives ,如果你想调查它们。我个人不是 bootstrap 的粉丝(不再......),但我想无论什么漂浮在你的船上。
关于html - 如何使我的网页的这一部分响应?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39985917/