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

如果我作为一个业余爱好者离开，但我确实是一个。当使用视口缩放phonegap时，我有点困惑。我有点困惑如何缩放使用视口的作品，也许我只是过度想象它。这里是我的代码：Phonegap缩放混乱和字体大小缩放

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

我试图使应用程序缩放等跨平台的，我不知道我是否应该使用像素或百分比，以及文本如何正确缩放。我希望一切都以百分比完成，但我觉得利润率，填充和文本百分比不能正确扩展。所以我想了解如何使用像素创建应用程序，只是使用数学来计算出我需要的像素比例。

对不起，我是新来的，我一遍又一遍地搜索，只是不明白如何正确调整它，而不会遇到像文本太大，或边缘被关闭的问题。

来源

2013-10-16 Attict

我想我的问题的一部分，与视口标签，我可以创建像1920×1080尺寸的页面，并且将其扩展到适合屏幕的所有画面？或者是否有设置像素高度和宽度以适应所有屏幕？ – Attict

将initial-scale和maximum-scale设置为缩放级别。您希望initial-scale为1，然后maximum-scale为您希望用户能够放大（即捏缩放）。 user-scalable设置只是说如果您希望用户能够通过使用捏缩放来缩放应用程序。

我的典型的设置是这样的：

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

这表示起始比例为1.0（正常），并且用户不能规模（默认或没有值= FALSE）。由于我不允许缩放，因此我不需要输入maximum-scale参数。

希望帮助

来源

2013-10-16 21:41:44 Dom

这确实有帮助。但是我仍然困惑于扩展所有设备的最佳方式。百分比似乎运作良好，但文字和利润率是我的问题。即使字体大小的百分比似乎也只是将大小设置为基本大小。 – Attict

另外我有点困惑最大宽度如何影响一切。如果将其更改为320px，它是否会相应地缩放到宽度？对不起，如果我听起来哑巴。 – Attict

缩放所有设备尺寸的所有内容都是一项挑战。如果您正在查看手机，平板电脑和桌面，则最好使用框架。我总是推荐使用Bootstrap来扩展它的扩展能力。看看我的答案在这里：http://stackoverflow.com/questions/19141062/cordova-general-easiest-way-to-develop-for-different-screen-layouts/19142351#19142351并看看Bootstrap文档的缩放比例如下：http：//getbootstrap.com/css/#grid。投票给佩德罗！ – Dom

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

回答

相关问题