离子应用程序在建成后极度放大

Question

编辑：我将视口更改回1并且我将字体大小更改为应该看起来相同的大小。在我改变之后会更新以确定它是否真的有用。

我尝试了很多不同的东西，但它没有正确显示任何东西。当我使用离子视图时，它也能在浏览器中完美运行。

视口标记

<meta name="viewport" content="width=device-width, initial-scale=0.3, maximum-scale=0.3, minimum-scale=0.3, user-scalable=no">

我在bluestacks和samsung galaxy s4上运行了apk文件，但我得到的结果如下：http://imgur.com/5VPYcwH

它应如下所示：http://imgur.com/wZEnTx1

我还尝试将视口更改为很多不同的东西，但它没有用。

Answer 1

您的问题是由scale

中设置的viewport.造成的

<meta name="viewport" content="width=device-width, initial-scale=0.3, maximum-scale=0.3, minimum-scale=0.3, user-scalable=no">

比例（仅当您希望为用户提供放大应用的选项时才会显示;如果不是，请更改最大值和最小值）应设置为1而不是0.3。有点像：

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

Answer 2

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

将初始比例属性设置为1.0