在phonegap中使用bootstrap3会使内容非常小

时间:2013-11-26 23:41:28

标签: android html cordova twitter-bootstrap-3

我已经移植了一个使用bootstrap3和phonegap将引导程序移植到移动网站的简化版本。

在我的桌面和平板电脑中,页面显示的大小合适,但是,当我在phonegap的webview中打开页面时,它们会以如此小的尺寸渲染,甚至无法读取文本(我使用的是HTC One我的测试)。

似乎使用视口设置应该允许我根据设备的分辨率适当缩放内容:

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

但是,我尝试了几种视口设置组合而没有成功:

  1. 我尝试使用initial-scale=2.0, maximum-scale=2.0, minimum-scale=2.0,但没有任何改变。
  2. 我也试过target-densitydpi=medium-dpi,确实内容更大,但它处于某种“缩放”模式,所以我只能看到内容的一部分。
  3. 我尝试删除target-densitydpi=device-dpi,但得到的结果与2相同。
  4. 任何线索允许我将所有HTML元素扩展到合理的大小(文本,按钮,导航栏,输入,井等等)

    谢谢!

0 个答案:

没有答案