タグ

jqueryとretinaに関するms-rbtのブックマーク (1)

  • jQueryでRetinaディスプレイを判別して処理を変える方法|BLACKFLAG

    iPhoneなどApple製品に使われているRetinaディスプレイ。 従来のディスプレイよりも高解像度(1ピクセルの幅が78ミクロン)であることから Retinaディスプレイで画像を綺麗に表示するには、表示する倍のサイズで作成する必要があったり 特別な対処をする必要がでてきたりします。 そんなRetinaディスプレイに対して、jQuery(JavaScript)を使って判別し 個別に処理させる方法があったので紹介してみます。 ※webkitブラウザのみの対応です。 Retinaディスプレイかどうかを判別するプロパティは デバイス上で画像の1pxの単位を何pxとしてレンダリングしているかを見てくれる ————————————– window.devicePixelRatio ————————————– によって判別します。 Retinaディスプレイはここで取得する値が「2」になります。 こ

    jQueryでRetinaディスプレイを判別して処理を変える方法|BLACKFLAG
  • 1