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

テクノロジーカテゴリーの変更を依頼記事元:

black-flag.net

165 usersがブックマークコメント

コメント

16

記事へのコメント16件

注目コメント
新着コメント

otchy210 特に jQuery らしい事してないので、こっち http://kachibito.net/web-design/retina-with-jquery.html がお勧め！

2012/08/29 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

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

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

ブックマークしたユーザー

sakamotz2018/02/01
takahumi_nakano2016/02/29
marion-r2013/11/10
typista2013/07/10
youmaydream2013/03/19
shingo_jp2013/03/19
daikix2013/03/11
tagbouz2012/12/12
fwd00392012/11/23
oidondon12012/09/19
zumi992012/09/15
ms09242012/09/08
chimantare2012/09/04
forestk2012/09/03
yorozuna2012/09/02
bigwest2012/09/02
s_ryuuki2012/09/02
hfu2012/08/31

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx