首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Phonegap应用程序文本和布局太小

Phonegap应用程序文本和布局太小
EN

Stack Overflow用户
提问于 2013-03-04 13:09:53
回答 4查看 34.4K关注 0票数 51

我最近使用html、css、javascript构建了一个android应用程序,并通过phonegap运行它们来创建实际的应用程序。我在一部手机上遇到的一个问题是,文字看起来太小了。此外,一些图像也有点小。我添加了一个viewport meta标签,但它似乎也不起作用。下面是meta标签:

代码语言:javascript
运行
复制
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />`

这是它看起来的样子

这是它应该看起来的样子:

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-03-21 18:49:51

我有同样的问题,并解决了它改变视窗。我也认为问题出在phonegap,但实际上是用于测试的设备具有不同的dpi。

我的解决方案是将视口上的目标密度the更改为:

代码语言:javascript
运行
复制
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />

希望能有所帮助

票数 144
EN

Stack Overflow用户

发布于 2014-10-30 18:10:26

似乎完全删除target-densitydpi会带来最好的结果。

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

在大多数情况下,这应该足以控制应用程序的外观。

票数 5
EN

Stack Overflow用户

发布于 2014-02-20 01:52:03

target-dpi=medium-dpi适用于我们。

当ee从PhoneGap 2.2升级到3.3时,Scenario就会遇到这个问题。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15194940

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档