CSS, Retina, and Physical Pixels
On retina screens CSS pixels don’t match device (physical) pixels. A device pixel ratio of 2 means one CSS pixel equals two device pixels. Here are few ways to draw a one-device-pixel border. Half-pixel border border: 0.5px solid black; Cons: Works only in Firefox and Safari 8 (introduced in OS X Yosemite). border-image border-width: 1px; border-image: url(border.gif) 2 repeat; border.gif is a 6×6
Yes We Can Do Fraction Of A Pixel — Priit Pirita
I was reading HN the other day and stumbled to Cloning the UI of iOS 7 with HTML, CSS and JavaScript. In that the author had problem of creating 1px solid border for retina screens. Besides, another problem to be dealt with are Retina screens. On Retina iPhones, the browser automatically “translates” the 320x480px viewport into the 640x960px screen resolution. While this solution works well for mo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Actual real, actual one pixel borders in iOS Safari. | Adventures (in code)
