レスポンシブWEBデザインのメディアクエリの書き方

WEBサイト制作時の備忘録として。

 

レスポンシブWEBデザインでサイズ別に表示させたい場合の記述方法。

 

一つのCSSファイルで全て読み込む場合と、サイズにより読み込むCSSファイルを変更する場合の記述法

 

 

【一つのCSSで全て読み込む場合】※CSS内に直接記述

 

 

【画面サイズ事に異なるCSSファイルを読み込ませる場合】<head>内のlink要素として

 

 

以上。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA