How do you make a css tiled / repeated background stay sharp on a retina screen?
css, iphone, safari
Solution
Setting `background-size: 150px 150px;` for a 300x300 background image seems to do the trick. Note that `background-size: 50%;` will not do what you might expect, as it sets the width and height to 50% of the parent container.
Problem
On the web page, I'm scaling all of my images by 50% with CSS to make them look sharp on retina screens but that doesn't work for tiled images, there seems to be no way to scale a tile background image so that it will be sharp and not doubled sized on the retina screens. Sorry if this question is confusing.