5

我必须设置与所有尺寸的 Android 设备兼容的页面宽度。为此,我使用了以下代码:

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"

我也尝试了target-densityDpi所有属性,也在target-densityDpi70 到 400 之间

宽度不适合屏幕,宽度超出屏幕宽度(在较小的屏幕显示中)或宽度太小(在 4' 到 5' 英寸显示 android 设备中的较大显示中)

4

2 回答 2

0

我通过使用解决了类似的问题:

<meta charset = "utf-8" name = "viewport" content = "width=device-width, user-scalable = no, target-densitydpi=mdpi">

还有一个CSS:

body {
   width: 100%;
}

我避免了mdpi字体太小的问题。如果您对字体没有问题,也可以尝试device-dpi

于 2013-03-08T10:22:33.577 回答
0

我有同样的问题。我用:

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"

和:

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

并且有所有变体,"而不是' 声明之间的分号......但我仍然可以在我的 android 设备中缩放,并移动页面的一半内容。

可能与javascript有关?看... 使用视口元标记缩放适合移动 Web 内容

问候,安妮

于 2013-03-08T09:36:35.973 回答