javascript - ionic 应用程序在构建后极大地放大

Question

编辑:我将视口(viewport)更改回 1，并且我要将字体大小更改为看起来应该相同的大小。我将在更改完所有内容后进行更新，看看它是否真的有效。

我尝试了很多不同的东西，但它只是没有正确显示任何内容。当我使用 ionic View 时，它在浏览器中也能完美运行。

视口(viewport)标签

<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 文件，但得到的结果如下所示:/image/uMtLh.jpg

它应该看起来像这样:/image/GvA0v.jpg

我还尝试将视口(viewport)更改为很多不同的东西，但没有成功。

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">