【问题标题】:Mobile web displaying extra whitespace compared to desktop与桌面相比,移动网络显示额外的空白
【发布时间】:2013-10-10 16:00:00
【问题描述】:

当我通过移动设备(iPhone 和 iPad)访问我的网站时,页面右侧似乎有一个空白区域或边距。我认为这与页脚位于 pageWrapper 之外有关。这是我的网站http://thebrlab.com/q3030/index.html

【问题讨论】:

  • 您必须向我们展示您认为导致问题的代码以及您已经尝试解决的问题。
  • 看起来您有许多宽度比页面包装更宽的元素。页眉、导航和页脚似乎都溢出了。对此的解决方案是使用基于百分比的宽度来更改它们,以便它们始终适合内部。这个问题的确切答案取决于你到底想要它做什么。

标签: html iphone css ipad


【解决方案1】:

如果您希望您的网站在移动设备上看起来不错,则不应使用固定宽度。尝试使用百分比宽度或media queries

告诉使用您想要什么,我们将能够为您提供帮助。

【讨论】:

  • 我想将内容包含在 pageWrapper 内的 992px 宽度内,但我希望我的页脚扩展
【解决方案2】:

问题似乎是您的.slider 比您的wrapper 宽。尝试使包装器与滑块一样大,看看是否可行。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-10-09
    • 2013-08-27
    • 1970-01-01
    • 2022-10-21
    • 2012-12-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多