0

1140 グリッド システムに基づいて、ブラウザー全体を満たす「ランディング」イメージを使用して Web サイトを作成したいので、コンテンツをスクロールする必要があります。したがって、基本的に、それを開くと、この画像が表示され (高さと幅がブラウザーの 100% パーセントを占め、制限はありません)、スクロールすると、ページの残りの部分が中央に配置され、列に表示されます。 . 「着陸」画像もスケーラブルにしたいということはありません。スマートフォンやタブレットのウィジェットにもフィットします。

4

1 に答える 1

0

このようなものを探しているようです。これは非常に基本的なレイアウトですが、そのフィドルからアイデアを得ることができるはずです。

基本的に、<div>高さと幅が 100% の を作成するだけです。ブラウザのサイズに関係なく、その下に別のブロック要素を追加して、他のコンテンツを格納できます。

<div style="height:100%;width:100%;">
    <img src="http://0.tqn.com/d/cats/1/0/c/i/3/iStock_AngryCat425x282.jpg"
                 style="height:100%;width:100%;"/>
</div>
<div>

    here is some other stuff</br>
    here is some other stuff</br>       

</div>​
于 2012-10-26T20:22:03.923 に答える