我有一个有3个div布局的网站。第一个是外部容器(1410px宽),第二个是左列(1110px宽),最后是右列(300px宽)。
这是一个我想修改的wordpress主题。最初它在左列(当时它是唯一的容器,出于其他目的,我添加了新的外部容器和右列)
当它是iPhone上的原始主题时,它可以完美地缩放网站,这很棒。因为修改后失去了这个能力。
在理想的情况下,当在移动设备上查看时,我想将新的右div移动到导航栏下面的位置,并保持曾经的缩放。
wordpress的主题叫做duet。
要达到我想要的效果,唯一的另一种方法是移动主题的侧边栏。如果有人能告诉我如何做到这一点,那可能会比我正在努力实现的目标更好
我正在试用的网站是http://testbox1.martincwebd.com
发布于 2013-11-23 14:18:35
我建议你使用媒体查询:
发布于 2013-11-23 14: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
复制相似问题