-1

私はWeb開発に関しては初心者です。問題は、ポートフォリオサイトを構築したことです。本文の幅を 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;}

誰かが私を助けてくれることを願っています。ありがとう

4

2 に答える 2

0

設定

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

画像をレスポンシブにするか、メディアクエリを使用して、小さい画面と大きい画面のデバイスの画像サイズを設定します。

上記のいずれかを実行すると、サイトがレスポンシブになります。または、より良いビルドに役立つブートストラップ、initializr、またはその他の有名なフレームワークを使用します。

お役に立てれば

于 2013-10-29T02:26:14.083 に答える