jquery - 图像会根据屏幕尺寸不断变化。有人可以帮忙吗？

Question

好的，所以我只花了 8 个小时安装 nivo-slider 并使其与主要的 3 种浏览器兼容。现在，当我在 ipad 上查看屏幕时，标题会向左移动，尽管它在我的笔记本电脑上看起来不错。

有人可以查看我的来源并给我建议，在此先感谢！

我猜它与定位有关，但可以找到哪个，再次感谢

www.gudskunc.com

Answer 1

使用尽可能多的浏览器查看该站点：Safari、Chrome、Opera、Internet Explorer 等。在 Safari 和 Chrome 中，横幅向左移动。

有很多事情需要工作，但一个重要的（以及这里的修复）是有效地组织事情。现在，您的导航栏、横幅和页面内容都是独立的元素，并且您使用古老的center标签将所有内容保存在浏览器的中间。相反，废弃center标签并将所有内容包装在一个元素中......

<div id="container">
     <div id="header">
          ...
     </div>
     <div id="banner">
          ...
     </div>
     <div id="content">
          ...
     </div>
</div>

然后，在您的 CSS 中，您可以轻松地一次将整个内容居中：

#container { display: block; width: 950px; margin: 0 auto; }

确保您的 HTML 结构让您的生活更轻松！