0

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

提前致谢。

4

1 回答 1

0

您正在使用 position:absolute; 这会使响应式设计变得过于复杂。你看过弹性盒子吗?:

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

或者您也可以使用带有百分比宽度的“float”。这将允许您的内容按比例缩小,但仍保持相同的布局(不会被推送到不同的行等)。然后当你得到非常小的宽度时,你可以使用 CSS3 媒体查询来捕捉到不同的布局。

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

于 2012-05-31T18:49:04.013 回答