Retina Display向けCss小数点の扱いについて Macbook ProやiPhoneなどRetina Displayで.5pxのborderでStyle定義すると綺麗な線が表現できます。 Macbook ProやiPhoneなどRetina Displayで.5pxのborderを表示しながら、非Retina向けには1pxのborderを敷きたい場合、以下の方法pxを指定するとRetina/非Retinaどちらとも1コードで対応可能です。 こちらは以下のブラウザのみ.5pxに表示されます。それ以外は通常の1pxとなります。 対応ブラウザ Safari iOS Safari Firefox Chrome, Operaについては1pxで表示されます。ちなみに.98pxではSafariやiPhoneでも1px表示になってしまいます。 すべて最新版のみ確認しています。古いバージョンにつ
![Retina Display向け.5pxのborderまとめ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/de68ceb1f01a9e8d3e7aec5afc37ef44d7cdbbc1/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmV0aW5hJTIwRGlzcGxheSVFNSU5MCU5MSVFMyU4MSU5MS41cHglRTMlODElQUVib3JkZXIlRTMlODElQkUlRTMlODElQTglRTMlODIlODEmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWY4ZjM2ZGZjMWJjY2NjMmFjZDI4NWQ2ZTY1OWRlMWE5%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0eXNoZ2MmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTEzYmI4NmNjNzY4YWE0MjVlYTAxNmRhM2ZhMWNmNTY3%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dbcd8f204fd0593ed4c9f08167a93a16a)