I'm trying to create a web page that is viewable in various Android devices. The Droid X2 reports it's window.devicePixelRatio as being 1.5, meaning it will scale everything 1.5. However, with a 540px wide screen, that leaves a 60px wide blank space to the right. Has anyone figured out a way to work with that? I'm using the following in the head element:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<link rel="stylesheet" media="all" type="text/css" href="css/android.css">
<link rel="stylesheet" media="all" type="text/css" href="css/lowres.css">
<link rel='stylesheet' href='css/hires.css'
media='only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)' />

BTW, if I explicitly set the width of my divs to 360, things look okay, but there a lot of sub-elements that would all need to be specifically adjusted to make that soultion work. It doesn't seem right... what really should happen is that the page is scaled to 1.6875...