WEB制作(html・css(スタイルシート))に関する各種メモ書き

スマホサイト制作時に設定しておくと良いhtml, css 項目

スマホサイト制作時に設定しておくと良いhtml, css項目

1. リンクを押した時に押した領域に色をつける

a{
    -webkit-tap-highlight-color: rgba(200,200,200,0.2); 
}

2. 画像がはみ出すのを防ぐ

img{
    max-width: 100%;
    height: auto;
}

3. ボーダーを追加した時に width, height が増えるのを防ぐ

*{
    box-sizing: border-box;
}

4. スマホで見た時に横に移動するのを防ぐ

<body>
 <div class="wrapper">
  ここに記述していきます。
  </div>
</body>
.wrapper{
    overflow: hidden;
}

5. フォーム入力時に画面がズームするのを防ぐ

  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

関連エントリー

No.1001
01/25 19:06

edit

携帯スマホサイト
css