我正在开发一个网站的移动版本，我正在使用 css 查询来定位 ldpi、mdpi、hdpi 设备。首先我得到了 HTML：
meta content="width=device-width, initial-scale=1.0, user-scalable=0, target-densitydpi=device-dpi, maximum-scale=1.0, minimum-scale=1.0" name="viewport">
meta content="true" name="HandheldFriendly">
link href="css/stylemob.css" media="handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)" type="text/css" rel="stylesheet" />
我已经在不同的设备上对其进行了测试。它在 hdpi 和 mdpi 上就像一个魅力，但在 ldpi 设备上（即 240px 宽度 res）在站点的左侧和右侧有白色区域（我已经检查过浏览器打开右 css）启用滚动，如浏览器打开 css 为 320px 宽度 min res。
问题：
- 代码错了吗？
- 有没有办法从 html、css、javascript 或直接从 java-android 代码修复它，因为我最终将集成从 WebView 应用程序打开的网站。