水平响应式布局答案

【问题标题】：horizontal responsive layout水平响应式布局
【发布时间】：2012-12-18 10:16:07
【问题描述】：

我试图在这里实现水平响应式布局http://ragzor.com/neutron 大约 5 个小时了，哈哈，我可以使用 jquery 来做到这一点，但我相信那是使用螺丝刀来完成锤子的工作 :) 使用浮动只是没有做任何事情而且我还尝试使用绝对位置和相对位置，绝对会破坏幻灯片，因为它们使用的是最大宽度（我想这是不确定的原因！）

那么最好的方法是什么？

非常感谢！！！

【问题讨论】：

我们可以看看你目前拥有什么吗？
你试过谷歌的教程吗？ tympanus.net/codrops/2012/04/02/responsive-horizontal-layout

标签： php jquery html css responsive-design

【解决方案1】：

@Dinesh 是对的。你应该从一些关于响应式设计的教程开始。这些几乎都保证包含 CSS3 媒体查询。您可以在此处找到响应式设计教程的汇总：http://www.hongkiat.com/blog/responsive-web-tutorials/。当需要大量响应式设计时，使用floats 可能会很棘手/危险，因为浮动元素会将它们从文档流中移除。希望这会有所帮助！

【讨论】：