Web管理者が知っておくべきスマートフォンブラウザの問題点
タイトルはえらそうに書きましたが、 自分はiphone以外のその他のスマフォは持っていないので、すべてで確認することはできませんが、ほかのスマフォもその多くがappleのwebkitと呼ばれる技術を採用していることから見て、おそらくiphoneのsafariと基本は同じと思います。 またあくまでスマフォ用のサイトではなく、 PCサイトを見た場合の問題点などを書いていきます。 基本的にはPC版のsafariとほぼ同じなのですが、 若干の違いがあります。 また、こんな回避法があるよ～や間違い等ありましたらコメントください。 インラインフレームが非対応。というかスクロールバーが非対応。 これは知らなかった。。。 実際インラインフレーム内の内容は表示されます。スクロールバーが表示されず、内容すべてが縦に表示されます。それがその下にあるコンテンツの背景側に表示されてしまいます。ここが大問題になること
iPhone Android など、スマートフォン向けhtmlコーディング/CSS : H.I. Art Works [ Web Technology ] – ウェブ制作技術情報 -
iPhone / iPod touch の画面サイズへの調整 画面サイズ：320×480px（Safariの表示領域は320×356ｐｘ） 横幅980pxまでのサイトは自動で320まで縮小する iPhone向けサイトを作成する場合は、meta name=”viewport”を指定すると、iPhoneでの最初の表示サイズ等を指定できます。 1 <meta name="viewport" content="width=320, "> 例えば上記のように書いた場合、横幅320ピクセル分までの領域をiPhoneの画面上に表示する事になります。 横幅を何も指定しない場合、横幅980ピクセルまでの領域が、画面上で表示されるように自動的に縮小します。 ※iPhoneでは画面サイズに合わせて文字が改行するわけではなく、PCのモニタなどで表示する横幅980pxまでの位置で文字を改行し、それを縮小すると
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
