ホームページ > ウェブフロントエンド > htmlチュートリアル > 初めての方は help_html/css_WEB-ITnose をご覧ください

初めての方は help_html/css_WEB-ITnose をご覧ください

WBOY
リリース: 2016-06-24 11:56:54
オリジナル
862 人が閲覧しました

ウィンドウが変わっても、デザインした Web ページが変わらないようにするにはどうすればよいですか? 。 。


ディスカッションに返信 (解決策)

margin:auto;

位置や幅を設定するときはパーセンテージを使用するようにしてください

ページをどのように表示したいかによって異なります。
1. ウィンドウのサイズに合わせてページを変更したい場合、それは動的レイアウトです。つまり、ページの幅属性をパーセンテージで記述する必要があります。
2. ウィンドウの変更に応じてページを変更したくない場合は、ページ全体の幅を設定して中央揃えにするだけです。

アダプティブ レイアウトを使用します。レスポンシブレイアウト

<div style="width:950px;margin:0 auto"><div style="background:#09F;float:left;width:400px">44444444444444</div><div style="background:red">33333333333333</div><div style="background:#F30;float:left;width:600px">22222222222222</div><div style="background:#FFF">11111111111111</div></div>
ログイン後にコピー


テーブルレイアウトが実現できます

<table style="width:100%;height:100%"></table>
ログイン後にコピー

変更したくないページ要素の幅と高さをCSSを使用して固定し、ウィンドウが変更されたときにレイアウトが乱雑にならないようにします、ただし、ウィンドウが小さすぎると表示されます スクロールバー

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート