マルチデバイス対応方法(viewport,CSSの出し分け)をまとめてみた【URL変更】
前回の続きで、マルチデバイスの具体的な対応方法をviewportの設定とcssの出し分けの2点でまとめてみました。 スマホ、タブレットに対応させるための方法として、やることは主に以下の二つです。 1,viewportの設定 2,cssの出しわけ それぞれまとめてみました。 viewportの設定 viewportとは、スマートフォンのブラウザのウィンドウサイズに該当するものです。 一方、スマートフォンの画面サイズ、いわゆるdevice-widthは980pxもありません。 iPhoneでいえば、viewportは横幅980px、device-widthは横幅320px、縦幅480pxです。 通常のPCサイトを見ると、ブラウザ上で縮小されて表示されます。 例えば、コンテンツ幅が800pxのサイトでは、縮小されて横幅が左右合計180pxの余白がでます。 また、スマホの画面サイズが横幅32
iphone android js切り分け 2タイプ | hirokonaBlog
//UAを確認してandroidならviewportを変更 var viewport = document.getElementById("viewport"); if (navigator.userAgent.indexOf('Android') > 0) { viewport.setAttribute("content", "width=device-width,user-scalable=1"); }else if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 ) { viewport.setAttribute("content", "width=device-wid
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
公海555000kk线路检测—首页（欢迎您）
http://blog.bluearrowslab.com/smartphone/topicks/330/
