iPad / iPhone上的CSS问题

Question

我在CSS方面拥有丰富的经验，我无法弄清我正在处理的这个站点的状况：

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

我知道这是一个非常基本的问题（我总是使用Stack Overflow作为最后的手段），但是也许这里有一个我不熟悉的问题（将来可能会对论坛有所帮助；我将更新问题）如果它更复杂）。任何想法将不胜感激。谢谢！

编辑

仅供参考，我不是要使该网站响应。我只是想使其在iPhone和iPad上正确显示。我也一直因为某些原因在iOS上的加载时间过慢的问题。

将这个站点放在一起时，我使用了“十二十二”主题，并根据自己的喜好对其进行了自定义。这不是一个响应主题，只是一个基本主题。

我为此付出了很多。加油！谢谢您的帮助。

Answer 1

在标头中，您使用的是CSS float：left属性，这会导致此问题。只需删除此CSS属性，您的问题就会得到解决。

然后，如果要将元素浮动到标题的左侧，则可以通过定位每个单独的元素来实现。例如

#logo, #nav
{
 float:left;
}

另外@ <div id=page>将max-height更改为min-height，您都准备就绪。希望对您有帮助。