HTML5とリセットCSS

webのコト

●HTML5は以下のように
＜!DOCTYPE HTML＞
＜html lang="ja"＞

＜head＞
＜meta charset="UTF-8"＞
＜meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"＞
＜title＞kommons/M（コモンズ）は人気美容・ダイエット・コスメ・健康グッズで理想的な私に変身するための応援通販サイトです＜/title＞
＜link rel="stylesheet" href="css/reset.css"＞

＜/head＞

＜body＞
＜/body＞
＜/html＞


●Viewportを設定する
＜meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"＞
上記のように設定し、スマートフォンで100％で表示されるようにする。

●リセットCSSの組み込み
HTML5 Doctorが配布している「html5reset.css」を利用する。