WEB-RSS2.0ATOM1.0さすらいのWeb制作家、MAKOCHINがつづるブログサイト。Web制作に関する知識を備忘録的に書いているだけのサイトです。ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。ご興味のある方はどうぞ。さすらいのWeb制作家。Web制作の修行に勤しむ毎日を過ごす。【HTML5】スマートフォン用の画面表示対応TweetPocketスマートフォン対応のページを作成する際にまず気を付けなければならないのが画面サイズです。通常のPCサイトをスマートフォンで表示させると、サイト幅が画面内に収まるように表示されるので、文字が非常に小さくなってしまい拡大しないと読むのが難しい状態で表示されます。ページの全体像が見れるので、PCサイトの表示はこれで問題ないでしょうが、スマートフォン用に作ったページまで文字が小さくなってしまっては困りますので、スマートフォン用のページにはあるコードを記述しておきます。それは、meta要素でviewportという値を設定します。viewportを設定すると、各端末の画面に合わせた幅でページが表示されます。no[デフォルト値]・・・yesminimum-scale[意味]・・・拡大率の下限[範囲]・・・0から10.0[デフォルト値]・・・0.25maximum-scale[意味]・・・拡大率の上限[範囲]・・・0から10.0[デフォルト値]・・・10.0スマートフォン用のページを作成するときは必ずviewportの設定を入れましょう。HTML5コメントを残す返信をキャンセルする。