アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考:Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 (※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか? 情報が見つからなかったので知ってる方は教えてください) また、viewportの数値はサイト側で指定できます。 スマホ
![Webサイト制作でつまずきがちな解像度に関わるあれこれ │ Design Spice](https://cdn-ak-scissors.b.st-hatena.com/image/square/dec49d7ad92b971f11381a1a6a0cd3feca849167/height=288;version=1;width=512/https%3A%2F%2Fdesign-spice.com%2Fwp%2Fwp-content%2Fuploads%2F2012%2F09%2Ftn_resolution.jpg)