Question

在网络开发方面，我是初学者。问题是我已经建立了我的投资组合网站。我将主体的宽度设置为1600px，因为这是我在photoshop原型中出现的横幅背景的宽度。我也在使用960gs 12列。当我在浏览器中预览网站时，我发现它太宽了。

我现在想做的是让它成为一个响应的人。

这是我的代码的结构：

<div id="banner">
  <div class="container_12">
      <!----banner content here----->
  </div>
</div>

CSS：

body {width: 1600px;}
#banner {background-img:"bgimagehere"; height: 660px;}

希望有人可以帮助我。感谢

Answer 1

组

img{width:100%, height:100%}

将使图像响应或使用媒体查询为越来越大的屏幕设备设置图像尺寸。

执行上述任一操作将使您的网站响应。或者使用bootstrap，initializr或其他有助于您更好地构建的着名框架。

希望这有帮助

Answer 2

根据我的理解，你有两个问题：

1）1600px对你来说太大了 2）你需要一个轮播（你的标题说明了这一点，但你的解释有点模糊）

因此，不要在px中使用固定宽度，而是使用相对的宽度，例如100%。对于您的第二个问题，我建议您使用Flex Slider。请尝试更清楚地了解您的问题。

修改

好的，你的问题标题现在更好了。转盘不适用。