1

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

在我的网站（下面的链接）上，我遇到了一个问题，当在移动浏览器中查看或将普通的网络浏览器缩小时，例如在 iPhone 上，必须滚动页面才能完全查看。但是，当在移动浏览器中查看“Tour”页面时，它不会滚动显示。

当 #tabs div 从 Tour 页面中移除时，显示在 iDevices 上有一个滚动 - 这很奇怪 - 当 #tabs div 在那里时，没有滚动。当浏览器变小时，网站上的所有页面（不包括“Tour”页面）在 iDevices 和 Firefox 上都会出现此滚动问题。

我基本上不希望用户在较小分辨率的屏幕上查看时必须滚动。

我创建的主题是 Wordpress 上的 211 的子主题。

主页 参观页面

在此先感谢，尼克。

4

2 回答 2

2

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

对于手机和平板电脑用户，您需要从 3 个选项中选择 1 个：

  1. 创建您网站的替代移动版本，或
  2. 设计页面应该如何实际完成：使用 % 或 EM 进行“液体设计”（意味着网站和内容会根据内容进行适当调整）
  3. 使用 CSS hack，例如“显示”或“溢出” 无

2 号绝对是您最好的选择。如果你得到水平滚动条，你需要检查你的宽度、填充、边距等，并确保没有任何内容等于 < 100%。还要考虑随着页面的自然进展而添加和修改哪些内容，这可能是您的问题。（如上所述，“游览页面”取决于#tabs

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

jQuery 手机：http: //jquerymobile.com/

于 2012-09-06T20:08:21.097 回答
0

就像上面 TheChristopher 回答的那样，您应该用 %、px 或 em 定义页面及其中的所有内容。我建议您使用萤火虫插件来弄清楚所有内容如何适应和工作。在重新添加这些部分之前，从页面中取出 div 或部分，看看是否可以让它工作。在尝试这种方法之前不要忘记保存备份文件。:)

于 2012-09-06T23:36:26.333 回答