1、絶対幅を使用していません
幅：自動; /幅：XXの％。
図2に示すように、デフォルトのフォントサイズは、100％のページのサイズであることが16個の画素であり、「REM」の相対的なサイズを使用するように、「PX」の絶対的なサイズを使用しません
{-sizeフォントHTML：62.5％;}
本体{フォント：100％通常のArial、サンセリフ;フォントサイズ：14px;フォントサイズ：1.4rem;}
HTMLフォントサイズは、フォントサイズに：62.5％
理由：ブラウザのデフォルトのフォントサイズは16pxにあり、レムPX関係は次のとおりです。計算のサブ要素サイズの利便性に関連1rem = 10pxの、10月16日= 0.625 = 62.5％で、最も適切な書きました。
図3に示すように、流体レイアウト
「レイアウトの流れ」は、各ブロックの位置は固定されず、フローティングされることを意味します
{幅.LEFT：30％;フロート：左}
.RIGHT {幅：70％;フロート：右;}
このように、左右のフローティングフローティング、利点と、幅が2つの要素に適合するように、小さすぎると、バック要素は自動的に、前部要素の下部までスクロールしない水平オーバーフロー（オーバーフロー）、水平スクロールバーの外観を避けるためにされている
4、CSSをロードすることを選択します
<リンクのrel = "スタイルシート" タイプ= "テキスト/ cssの" メディア= "画面と（MAX-デバイス幅：600PX）" のhref = "スタイル/ CSS / css600.css" />
このコードの意味は：画面の幅未満600個のピクセルである場合（MAX-デバイス幅：600PX ）、 ファイルcss600.cssをロードします。
980ピクセルにピクセル600の間の画面の幅は、ファイルがロードさcss600-980.cssある場合
<リンクREL = "スタイルシート" タイプ= "テキスト/ CSS" メディア= "画面と（最小幅：600PX）および（MAX-デバイス幅：980px）" HREF = "css600-980.css" />
5、画像適応、「RWD」も自動画像スケーリングを実装する必要があります。