rep2をiPhone/iPod touch向けに改変

iPhone/iPod touchのSafariでrep2のケータイ用ページを開くと、初期倍率が小さめで文字が極小になってしまいます。

2chのiPhoneスレで、

20 :名称未設定 :2008/07/14(月) 04:18:41 (p)ID:ivqRmU3q0(7)
使う気あるならこれを。
rep2(モバイル表示用ファイル)の修正点。
menu_k.php、/lib/index_print_k.inc.php、/lib/read_header_k.inc.php、/lib/sb_header_k.inc.php
にある<head>の下に
<style type="text/css">
<!–
body { font-size:50px; }
–>
</style>

という書き込みを発見。これだと横向き状態で文字が大きすぎたり、他のCSS対応のデバイスでの表示にも影響しそう。

そこで、<style>~</style>の代わりに、iPhone/iPod touch専用のmetaタグ記述で、初期倍率を指定してみました。

<meta name="viewport" content="initial-scale=1.00">

これならiPhone/iPod touch以外のデバイスでは無視されるだけで影響もないはず。

before after
対策前 対策後

 

P.S.

ちなみに、iPhoneで画面写真を撮るには、電源ボタンを押しながらHomeボタン、でいいようです。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)