title: Is it good practice to scale mobile web page to 0.5?
body: <p>I'm developing webapps for mobile devices (mainly iPhone and android). But the css px is not device px which depends on window.devicePixelRatio(2 for iPhone4S). Our designers are always making design based on screen of 640 x 960(iPhone4S screen). So the size I use in my css is half of that specified in the design. When it comes to 1 device px border, 0.5px in css means no border. I found 2 solutions(box-shadow, and border-image) achieve 1 retina px border after searching the web, but the implementation is ugly.</p>
  
  <p>So I set the initial-scale as 0.5 in the viewport, now the size in my css is identical to web-design, and 1 retina px border is natural to implement.</p>
  
  <p>Is this a good practice? </p>