触れました、高精細ディスプレイでのWebコンテンツ表示の仕組みについてご説明します。ここ数年、スマートフォンやタブレット等のモバイル端末では、ディスプレイの超高解像度化が進んでいます。pxで、世界初の4K液晶として話題になりました。モバイル端末の高解像度化は、PCに匹敵するどころか、一般的なPC用モニタの解像度を超えちゃってます。ここで登場するのが、「デバイスピクセル」と「cssピクセル」、そして「デバイスピクセル比」です。「デバイスピクセル」は、ディスプレイの物理的なピクセル数(即ち、解像度)、「cssピクセル」は、ブラウザで表示させる擬似的なピクセル数です。これらの比率を「デバイスピクセル比」といいます。従来のディスプレイでは、「デバイスピクセル」1pxを「cssピクセル」1pxで描画していました。ところが、Retinaディスプレイが登場し、そうもいかなくなってきました。1:1で描画すると、画像も文字も小さすぎて、非常に見づらいからです。そこで、Retinaディスプレイでは「デバイスピクセル比」を「2」にすることで、問題を解決しています。「デバイスピクセル」:「cssピクセル」=2:1、つまり、1つのcssピクセルに対して4つ(2×2)のデバイスピクセルを使って拡大表示しているのです。360最近の高解像度な端末では、文字が読めなくなったりすることのないよう、デバイスのピクセル数に対して2倍~4倍程度にコンテンツを拡大している訳です。うまい例えが見つかりませんが、今日はこの辺で!さいごに弊社beecallは、コールセンター代行を行っています。スタッフはテクニカルサポートに強く、技術的な質問にもお答えできるのが特徴です。電話の受付でお悩みの方は、ぜひ一度お問い合わせください。必須お問い合わせいただく内容及びお客様の個人情報は、当サイトの個人情報保護方針に則り管理いたします。会社案内お問い合わせ採用情報Facebookグッドクロスは、品川区西五反田にある会社です。