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