Wordpress中奇怪的滚动问题

时间:2012-09-06 00:33:42

标签: javascript html css wordpress

我有一个非常复杂的问题,虽然我怀疑任何人都会知道答案,我想我会试一试,因为你是一群聪明的人。

在我的网站上(下面的链接)我有一个问题,当在移动浏览器中查看或者当普通网络浏览器缩小时,例如在iPhone上,页面必须滚动才能完全查看。但是,当在移动浏览器中查看“游览”页面时,它将显示而不显示滚动。

当从Tour页面中删除#tabs div时,显示器在iDevices上滚动 - 这很奇怪 - 当#tabs div存在时,没有滚动。当浏览器缩小时,网站上的所有页面(不包括“Tour”页面都会在iDevices和Firefox上出现滚动问题。

我基本上不希望用户在较小分辨率的屏幕上观看时完全滚动。

我创建的主题是Wordpress上二十二岁的儿童主题。

Homepage Tour page

提前致谢, 尼克。

2 个答案:

答案 0 :(得分:2)

您现在对网站的设计方案存在根本问题。下次在创建/编辑下载的模板时,请务必牢记这一点。

对于手机和平板电脑用户,您需要选择3个选项中的一个:

  1. 创建您网站的替代移动版本
  2. 设计页面应如何实际完成:使用%或EM进行'液体设计'(意味着网站和内容根据内容进行适当调整)
  3. 使用CSS hack,例如“display”或“overflow”none
  4. 2号绝对是你最好的选择。如果您正在获得水平滚动条,则需要检查宽度,填充,边距等,并确保没有等于< 100%。还要考虑在页面自然进展时添加和修改的内容,这可能是您的问题。 (如上所述,“旅游页面”因#tabs而异。

    液体布局: http://www.maxdesign.com.au/articles/liquid/

    Jquery Mobile: http://jquerymobile.com/

答案 1 :(得分:0)

就像TheChristopher上面回答的那样,你应该用%,px或em来定义页面及其中的所有内容。我建议你使用一个firebug附加组件来弄清楚所有内容是如何适应和工作的。在重新添加这些部分之前,从页面中取出div或section并查看是否可以使其工作。在尝试此方法之前,不要忘记保存备份文件。 :)