jquery - 根据屏幕大小移动div

标签 jquery css wordpress html

我的网站有 3 个 div 用于布局目的。第一个是外部容器(1410 像素宽),第二个是左栏(1110 像素宽),最后一个是右栏(300 像素宽)。

它是我要修改的 wordpress 主题。最初它位于左列(当时它是唯一的容器,出于其他目的我添加了新的外部容器和右列)

当它是 iPhone 上的原始主题时,它可以完美地缩放网站,这非常棒。由于修改它失去了这种能力。

用一个理想的词来说,我想在移动设备上查看时将新的右侧 div 移动到导航栏正下方的位置,并保持曾经的缩放比例。

wordpress 主题叫做 duet。

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

我正在尝试的网站是 http://testbox1.martincwebd.com

最佳答案

我建议您使用媒体查询:

http://css-tricks.com/css-media-queries/

关于jquery - 根据屏幕大小移动div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20163261/

相关文章:

javascript - 根据下拉选择使输入字段成为必填项

mysql - 修改 WordPress 查询 --> 按另一个表中的自定义值排序

php - 将 WooCommerce 购物车数量替换为可预订产品的人数

php - 根据另一个变量获取变量的计数

javascript - jquery如何从无序列表中选择项目

javascript - 获取悬停时选择框的值或在同一事件中更改

jquery - 关于使用 masonry.js 加载图像

javascript - CSS3点击动画

css - 图标字体在 Opera Mobile 中不起作用

php - 使用表格和 while 循环在大图像下显示小图像