2012-09-06 91 views
1

我有一个非常复杂的问题,虽然我怀疑任何人都会知道答案,但我想我会给你一个镜头,因为你是一群聪明的人。Wordpress中奇怪的滚动问题

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

当#tabs div从Tour页面中删除时,显示器上有一个滚动的iDevices - 这非常奇怪 - 当#tabs div在那里,不滚动。当浏览器变小时,网站上的所有页面(不包括“游览”页面)都会在iDevices和Firefox上出现滚动问题。

我基本上不希望用户在小分辨率屏幕上观看时必须全部滚动。

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

Homepage Tour page

在此先感谢, 尼克。

+0

让我得到这个正确的,你不想滚动的主页或旅游网页... – Nightgem

+0

是的,这是正确的 –

+0

在什么情况下,你说你的网站没有滚动条?如果你不想要滚动条,只需将overflow:隐藏在body标签中。您仍然需要使用箭头向下滚动。这两个网页中的内容太多了。在你的主页上,你有1263到845.在你的游览页面,1263到1162.正如你所看到的,这两个高度都在600以上,这将创建更小的分辨率的滚动条。 – Nightgem

回答

2

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

对于你需要选择1 3选项手机和平板电脑用户:

  1. 建立自己的网站,一个另类手机版
  2. 设计的页面应该如何真正做到:使用%或EM一个“液体设计”
  3. 使用(意味着该网站和内容根据内容适当地调节)一个CSS劈如“显示”或“溢出”无

2号绝对是您的最佳选择。如果你得到水平滚动条,你需要检查你的宽度,填充,边距等,并确保没有任何东西等于< 100%。还要考虑随着页面自然发展,正在添加和修改哪些内容,这可能是您的问题。 (如你上面提到的, “页游” 差异取决于#tabs

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

jQuery Mobile的: http://jquerymobile.com/

0

像TheChristopher上述回答,您应该定义页面和一切我建议你使用一个萤火虫附加程序来弄清楚所有内容是如何适用和工作的,把div或section从你的页面中取出来看看你是否可以使它工作,然后再添加这些部分。在尝试此方法之前,请不要忘记保存备份文件。:)