无法保持响应式布局

Question

我正在网站上工作，http://mytownsville.info/Young-Passion/ 问题是我无法保持响应式布局。当我缩小浏览器时，徽标就搞砸了。寻求你的帮助。

提前致谢。

Answer 1

你正在使用position：absolute;这可能会使响应式设计过于复杂。你有没有看过弹性盒子？：

http://www.html5rocks.com/en/tutorials/flexbox/quick/

或者您也可以使用百分比宽度的“浮动”。这将允许您的内容缩小但仍保持相同的布局（不会被推到不同的行等）。然后，当您获得非常小的宽度时，您可以使用CSS3媒体查询来捕捉到不同的布局。

一般来说，建议首先从移动/最小布局开始，然后再建立，而不是相反。