我有一个非常复杂的问题,虽然我怀疑任何人都会知道答案,我想我会试一试,因为你是一群聪明的人。
在我的网站上(下面的链接)我有一个问题,当在移动浏览器中查看或者当普通网络浏览器缩小时,例如在iPhone上,页面必须滚动才能完全查看。但是,当在移动浏览器中查看“游览”页面时,它将显示而不显示滚动。
当从Tour页面中删除#tabs div时,显示器在iDevices上滚动 - 这很奇怪 - 当#tabs div存在时,没有滚动。当浏览器缩小时,网站上的所有页面(不包括“Tour”页面都会在iDevices和Firefox上出现滚动问题。
我基本上不希望用户在较小分辨率的屏幕上观看时完全滚动。
我创建的主题是Wordpress上二十二岁的儿童主题。
提前致谢, 尼克。
答案 0 :(得分:2)
您现在对网站的设计方案存在根本问题。下次在创建/编辑下载的模板时,请务必牢记这一点。
对于手机和平板电脑用户,您需要选择3个选项中的一个:
2号绝对是你最好的选择。如果您正在获得水平滚动条,则需要检查宽度,填充,边距等,并确保没有等于< 100%。还要考虑在页面自然进展时添加和修改的内容,这可能是您的问题。 (如上所述,“旅游页面”因#tabs而异。
液体布局: http://www.maxdesign.com.au/articles/liquid/
Jquery Mobile: http://jquerymobile.com/
答案 1 :(得分:0)
就像TheChristopher上面回答的那样,你应该用%,px或em来定义页面及其中的所有内容。我建议你使用一个firebug附加组件来弄清楚所有内容是如何适应和工作的。在重新添加这些部分之前,从页面中取出div或section并查看是否可以使其工作。在尝试此方法之前,不要忘记保存备份文件。 :)