--- title: 【検証】本当にiPhone(デバイスピクセル比2)だと 1px が 2px で表示されるの? tags: HTML CSS author: 7968 slide: false --- # **検証方法** 今回、iPhone6(デバイスピクセル比2)の環境で検証します。 このような環境で `` を指定すると HTML / CSS 上 で `1px` と指定しても、実際の画面上では `2px` で表示されます。 文章中の言葉はそれぞれの下記の意味です。 |文章中|意味| |:--|:--| |HTML / CSS 上|CSSピクセル(論理ピクセル)| |実際の画面上|デバイスピクセル(物理ピクセル)| 本当に `2px` で表示されるのか確かめます。 下記のように `1px` の線を指定したHTMLファイルをiPhone6で表示します。 ```html:HTML iPhone - test
``` iPhone6の画面をマイクロスコープ(商品:handymicron3、光学ズーム:250倍、デジタルズーム:4倍)で撮影しました。 # **結果** 画面上に表示された矩形の右下角を撮影しました。 ![iPhone6-resize.jpg](https://qiita-image-store.s3.amazonaws.com/0/72985/1c426cad-5e7d-5bef-4b83-2b5fb9a5259b.jpeg) **本当に HTML/CSS で 1px と指定したものが、画面上では 2px で表示されました。** # note note でも記事を公開してるので、興味がある方はご覧ください。 ・[【初学者向けコードリーディング】 PHP の TODO アプリのコードを一緒に読み解こう](https://note.mu/7968/n/n46a8beb87c93)