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

时间:2011-08-20 02:26:35

标签: jquery css positioning absolute nivo-slider

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

有人可以查看我的来源并给我建议,提前致谢!

我的猜测它与定位有关,但可以找到哪一个,再次感谢

www.gudskunc.com

1 个答案:

答案 0 :(得分: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的结构让您的生活更轻松!