-1

以下のサンプルPDF画像のようなレイアウトのPDFテンプレートがあります。

ここに画像の説明を入力してください

PDFの説明 テンプレートの全体的なサイズは幅1600x高さ1335ピクセルです（たとえば、画像は緑色の背景として表示されます）上部には、ページの全幅をカバーするニュース/テキストのスクロールがありますが、本体部分は小さくなります（白、灰色、および黒の色の領域です）。

何が欲しい？ このレイアウトは、最小1024 x 786ピクセル、および任意の幅のmaixumumに適合します。

ページレイアウトをどのように開発すればよいですか？

外側の緑色のボックスの幅と内側のボックスの幅を修正しましたか？両方ともパーセンテージで？または、固定されたものとパーセンテージで他のものがありますか？

4

1 に答える 1

0

必要なものの基本的な考え方は、幅が 100% の body 要素と、幅が 1024 ピクセルのコンテナーです。margin-left と margin-right を auto に設定すると、親本文の中央に配置されます。これは、基本的な要件に適合します。

body
{
    text-align: center;
    width: 100%;
}

#container
{
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    min-height: 768px;
    text-align: left;
}
于 2012-08-16T06:27:30.657 に答える