 |
まずはアイコンから対応 |
最近会社の製品サイトをiphone化させるためにいろいろと調査をしてるんだけど
その中でいろいろと自分が作ってるブログやページに使えそうな機能があったので
試していこうと思ってます。まずは簡単なアイコンから設定。
とりあえず今のページのアイコンがマイロなので、iphoneのホーム画面にも同じく
マイロが出るように設定。（以前inkscapeで作ったマイロの画像を応用してアイコンを作成）
<head>～</head>の間にこのタグを入れるだけで簡単に設定することが出来ます。
|
<link rel="apple-touch-icon" href="apple-touch-icon.png"> |
apple-touch-icon.pngは任意の画像ファイル名、デフォルト名を入力。
アイコン以外にもファーストビューも少し大きめに表示されるように設定。
|
<meta name="viewport" content="width = 450" /> |
こちらも同じく<head>タグの間に入れるメタタグ。
widthは様子を見ながら設定してねｗ
他にもいろいろ対応していきたいと思います。
