我在一个网站上工作,这里是http://mytownsville.info/Young-Passion/ 问题是我无法保持响应式布局。当我缩小浏览器时,徽标只是搞砸了。寻求您的帮助。
提前致谢。
我在一个网站上工作,这里是http://mytownsville.info/Young-Passion/ 问题是我无法保持响应式布局。当我缩小浏览器时,徽标只是搞砸了。寻求您的帮助。
提前致谢。
您正在使用 position:absolute; 这会使响应式设计变得过于复杂。你看过弹性盒子吗?:
http://www.html5rocks.com/en/tutorials/flexbox/quick/
或者您也可以使用带有百分比宽度的“float”。这将允许您的内容按比例缩小,但仍保持相同的布局(不会被推送到不同的行等)。然后当你得到非常小的宽度时,你可以使用 CSS3 媒体查询来捕捉到不同的布局。
一般来说,建议先从移动/最小布局开始,然后再构建,而不是相反。