和田憲幸(40歳)のブログです。max-device-widthとモバイルの関係レスポンシブWebをやる時にCSSのmedia属性を使って分岐させたりしますが。11:35iOS端末の場合はmediaの分岐のみで問題ないんですが、Androidさんはいろいろ事情が異なるようで困惑しています。それよりもAndroid端末(アクオスフォン)のユーザエージェントにAndroidって入ってないのには笑ったけどね。OSSだからってそこ削ったら意味わからんだろ。max-device-widthとdevicePixelRatioiOS(Safari)の場合、max-device-widthは実機のPixel値をwindow.devicePixelRatioで割ったものが指定されているような気がする。ようは解像度を加味した解像度ということか。なんでこんな面倒な事をAppleはやっているかというと「解像度が高い≠デバイスの画面がデカイ」ではないためだ。これも一概に言えず内包するコンテンツによってやいのやいのしてるっぽい。転じてAndroid(4.2)は実機そのままの解像度を返す。これはバージョンに依拠していると思うのでなんとも言えないが、高解像度ディスプレイを備えたAndroid端末の場合はそのままのPixelを返す。それがどういう事かと言うと、モバイル端末でも高解像度端末の場合は通常表示になってしまうということだ。media属性のみでの分岐ではなくJavascriptの力も借りる必要がありそうだ。Mobile判定はユーザエージェントにMobileが入ってりゃまぁOKなんですが、ピクセルレシオと画面解像度の比較なんかも実装したほうが、今後のモバイル市場の変動を考えれば安定かもしれませんね。調べた程度なので間違っているかもしれないのでご注意ください。メイプルファーマシーwww.maple-pharmacy.co.jp札幌で調剤薬局を展開するメイプルファーマシーです。歯医者さん『いけだ歯科』のWebサイトです。漢方薬相談kanpoui.net漢方薬に関する相談ブログ・サイトです。美容室MEIKA(メイカ)meika-hair.com札幌市中央区の美容室MEIKA(メイカ)のWebサイトです。BTOパソコンwww.pc-take.com自作PCやBTOパソコンの事ならシューマイが美味しい神奈川県は横浜のPC-takeにお任せください。事業再生のSTPwww.s-tp.jp経営が苦しい、そんなときはSTPに経営相談や経営コンサルティングをご依頼ください。ドライフラワー卸売りwww.coretrading.co.jpドライフラワーやプリザーブドフラワーの業務用卸売りならコアトレーディング。ネイクスwww.neix.co.jp通話録音装置や通話録音システムのことならネイクス。ラフティングwww.safari-g.com四国は吉野川でラフティングやハイドロスピード、キャニオニングと言えばサファリだよね。アルバイトnext-level.bizホームページ制作、Webデザイナーのアルバイト、SOHOのことはネクストレベルまでご相談ください。アイウィルwww.aiwill.jp札幌市中央区で美容師をお探しの際はアイウィルまでお越しください。ホームページ制作www.synck.com札幌でホームページ制作やWebアプリケーション制作ならシンクグラフィカへ。iPhoneで内線電話www.smartgate.biziPhoneやAndroidから内線電話が無料でかけれる。札幌市近郊、スポーツ整形外科・リハビリテーション科futomi-cl.com札幌市近郊、スポーツ整形外科・リハビリテーション科『ふとみクリニック』のWebサイトです。