根据屏幕大小移动 div答案

【问题标题】：Moving div based on screen size根据屏幕大小移动 div
【发布时间】：2013-11-23 22:28:44
【问题描述】：

我有一个包含 3 个 div 用于布局目的的网站。第一个是外部容器（1410px 宽），第二个是左列（1110px 宽），最后一个是右列（300px 宽）。

这是我要修改的 wordpress 主题。最初它在左列（当时它是唯一的容器，出于其他目的，我添加了新的外部容器和右列）

当它是 iPhone 上的原创主题时，它可以完美地扩展网站，这很棒。自从修改它就失去了这个能力。

简而言之，我想在移动设备上查看时将新的右侧 div 移动到导航栏下方的位置，并保持原来的缩放比例。

wordpress 的主题叫做 duet。

实现我想要的唯一其他方法是移动主题的侧边栏。如果有人能告诉我该怎么做，那可能会比我想要实现的更好

【问题讨论】：

【解决方案1】：

我建议你使用媒体查询：

【讨论】：

【解决方案2】：

这些教程/博客非常有用，而且易于阅读、理解和实施。

响应式设计必读

http://www.alistapart.com/article/responsive-web-design

流体设计更进一步

http://www.alistapart.com/article/fluidgrids

非常好的响应式设计教程 - 开门见山

您可以使用的漂亮的响应式设计技巧

【讨论】：