pixel-ratio

Please tell me how to make canvas look sharp for retina devices? I would be grateful if you show in my example - fiddle var canvas = document.getElementById('timer'); var context = canvas.getContext('2d'); var x = canvas.width / 2; var y = canvas.height / 2; var radius = 105; var endPercent = 100;

Given a simple page (source below) that contains an element with a 1px border, it will render like this on Android compared to iOS: As you can see, the Android border does not have a uniform width, sometimes being 1px and sometimes being 2px wide. As far as I've been able to test it, this only

I'm in the process of redesigning my website and I've decided to take a shot at responsive layout. I'm new to CSS3 media queries and can't figure out how to make the site behave as intended on my smartphone. The page has currently this viewport meta tag: <meta name="viewport" content="width=device

I am currently using JavaScript for mobile device detection on my website, this then allows me to serve different content for mobile or desktop users. Currently I use window.devicePixelRatio and screen.width to work out if the user if on a mobile device or not, like so: var isMobileScreenWidth = (