Phonegap缩放混乱和字体大小缩放

时间:2013-10-16 20:31:09

标签: html css cordova scaling

如果我作为业余爱好者离开,我很抱歉,但我确实是一个人。当谈到使用视口缩放phonegap时,我有点困惑。我对使用视口进行缩放的方式有点困惑,也许我只是在思考它。这是我的代码:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />

我正在尝试将应用缩放到相同的跨平台,我不确定是否应该使用像素或百分比,以及文本如何正确缩放。我希望所有内容都按百分比完成,但我觉得边距,填充和文本的百分比不能正确扩展。那么我想到尝试使用像素创建应用程序,只需使用数学来计算出我需要的像素比率。

抱歉,我是新手,我一遍又一遍地搜索,只是不明白如何正确地扩展它,而不会遇到文本太大或边缘关闭等问题。

1 个答案:

答案 0 :(得分:0)

initial-scalemaximum-scale设置视为缩放级别。您希望initial-scale为1,而maximum-scale要求用户能够放大(即缩放缩放)。 user-scalable设置只是表示您希望用户能够使用双指缩放来缩放应用程序。

我的典型设置是:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这表示起始比例为1.0(正常)且用户无法缩放(默认值或无值= false)。因为我不允许缩放,所以我不需要maximum-scale参数。

希望有所帮助