Mobile 视口设备宽度是宽度的两倍

Mobile 视口设备宽度是宽度的两倍,mobile,jquery-mobile,Mobile,Jquery Mobile,我有一个移动网站,是640像素宽的设计。因此,所有内容的最大宽度为640像素 在标题中,我有我的元标记: <meta name="viewport" content="width=device-width"> 在iPhone/iPad/iPodtouch上,页面显示正确:内容与屏幕宽度完全一致。但当我在Android(默认浏览器或Dolphin HD)上试用时,屏幕正好是一半,所以是320像素宽。非常烦人,因为你必须手动缩小屏幕才能看到所有内容 如何确保加载时始终显示所有内容?

我有一个移动网站,是640像素宽的设计。因此,所有内容的最大宽度为640像素

在标题中,我有我的元标记:

<meta name="viewport" content="width=device-width">

在iPhone/iPad/iPodtouch上,页面显示正确:内容与屏幕宽度完全一致。但当我在Android(默认浏览器或Dolphin HD)上试用时,屏幕正好是一半,所以是320像素宽。非常烦人,因为你必须手动缩小屏幕才能看到所有内容


如何确保加载时始终显示所有内容?

尝试指定目标密度dpi:

<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">