スマホやタブレット用に大きさをあわせるホームページ

スマホ用ホームページ

グーグルアナリティクスの時に使った秀丸エディタで、
<meta name="viewport" content="width=device-width">
を入れてみました。

やり方は、グーグルアナリティクスの時と同じです。

</head>

<meta name="viewport" content="width=device-width">
</head>
に置き換えます。
秀丸エディタの「検索」~「grepして置換」を使います。
grep(グレップ)を使えばすべてのファイルを一括して置き換えてくれます。

※最初の「<」はこのブログはHTMLが使えるので全角にしてあります。

秀丸エディタの「grepして置換」で</HEAD>の前にソースコードを挿入する

下の様に幅をデバイス(タブレットやスマホなど)の大きさに合わせてくれます。^^v

スマホ用ホームページ

この記事へのコメント


この記事へのトラックバック