根据屏幕大小移动div
我有一个有3个div布局的网站。第一个是外部容器(1410px宽)，第二个是左列(1110px宽)，最后是右列(300px宽)。
这是一个我想修改的wordpress主题。最初它在左列(当时它是唯一的容器，出于其他目的，我添加了新的外部容器和右列)
当它是iPhone上的原始主题时，它可以完美地缩放网站，这很棒。因为修改后失去了这个能力。
在理想的情况下，当在移动设备上查看时，我想将新的右div移动到导航栏下面的位置，并保持曾经的缩放。
wordpress的主题叫做duet。
要达到我想要的效果，唯一的另一种方法是移动主题的侧边栏。如果有人能告诉我如何做到这一点，那可能会比我正在努力实现的目标更好
我正在试用的网站是http://testbox1.martincwebd.com
回答 2
Stack Overflow用户
发布于 2013-11-23 22:18:35
我建议你使用媒体查询：
Stack Overflow用户
发布于 2013-11-23 22:26:46
这些教程/博客非常有用，易于阅读、理解和实现。
响应式设计的基本读物
http://www.alistapart.com/article/responsive-web-design
在流体设计方面走得更远
http://www.alistapart.com/article/fluidgrids
非常好的响应式设计教程--直奔主题
http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries
可以使用的响应式设计技巧
http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design
https://stackoverflow.com/questions/20163261
复制相似问题
腾讯云开发者
