html - iPad/iPhone 上的 CSS 问题

Question

我在 CSS 方面有丰富的经验，但我无法弄清楚我正在处理的这个网站发生了什么:

http://lockwoodstorage.com/

在所有浏览器上一切正常，但在 iPhone 和 iPad 上，内容背景在左侧被截断。我尝试过媒体查询，并尝试在浏览器中找到可能导致此问题的容器，但我似乎无法弄清楚。

我知道这是一个非常基本的问题(我总是将 Stack Overflow 用作最后的手段)但也许这里有一个我不精通的问题(这可能会在未来的论坛中有所帮助；我会的如果问题更复杂，请更新问题)。任何想法将不胜感激。谢谢!

编辑

仅供引用，我并不是要让这个网站响应。我只是想让它在 iPhone 和 iPad 上正确显示。我还遇到了一个问题，即出于某种原因，iOS 上的加载时间 super 慢。

在构建这个网站时，我使用了二十十二主题，并根据自己的喜好对其进行了自定义。这不是一个响应式主题，只是一个基本主题。

我为此悬赏了。努力吧!感谢您的帮助。

Answer 1

在您的 header 中，您正在使用导致此问题的 CSS float:left 属性。只需删除此 CSS 属性，您的问题就会得到解决。

然后，如果您想将元素 float 到标题中的左侧，您可以通过定位每个单独的元素来实现。例如

#logo, #nav
{
 float:left;
} 

还有@<div id=page>将 max-height 更改为 min-height 并且你们都准备好了。希望对您有所帮助。