在iPhone 4 / 4S(640×960),HTC Desire HD(480×800),Samsung galaxy Note等设备上,我的Phonegap / Cordova应用程序的设置如下所示。
<Meta name="viewport" content="user-scalable=no,initial-scale=0.75,maximum-scale=1,minimum-scale=0.75,width=device-width,height=device-height,target-densitydpi=device-dpi" />

但是,在像Samsung galaxy S4(1080×1920,5.0英寸〜441 ppi像素密度)这样的超高分辨率设备上它收缩得太小,用户可能需要放大镜才能读取。

如何调整视口,使其看起来与所有手机/平板电脑的尺寸相同,无论屏幕尺寸或像素密度如何?

我试着将规模增加到1.5,它在S4上可读,但是在较低密度的设备上,一切都太大了。

任何想法?

解决方法

尝试用medium-dpi替换device-dpi。 device-dpi可防止默认缩放,而medium-dpi将在低密度屏幕上缩小,并在高密度屏幕上放大。

这里有一些参考http://developer.android.com/reference/android/webkit/WebView.html

原始帖子和答案去这里:http://stackoverflow.com/a/15545381/1039194

html5 – Phonegap/Cordova应用程序在像Samsung Galaxy S4这样的高分辨率设备上收缩太小的更多相关文章

  1. ios – 如何将PhoneGap调试控制台与CLI集成?

    我需要在config.xml中添加任何内容吗?

  2. 如何在iOS上使用PhoneGap从照片库中获取图片?

    我正在使用以下代码尝试从iOS照片库中选择一张照片:我在iPhone5s和PhoneGap3.3.0上使用iOS7.无论我做什么,总是带上相机.我究竟做错了什么?解决方法想想我找到了:应该:sourceType中有一个拼写错误.也许就是这样吗?

  3. PhoneGap / iOS上的SQLite数据库 – 超过5mb可能

    我误解了什么吗?Phonegap中的sqlitedbs真的有5mb的限制吗?我正在使用Phonegap1.2和iOS5.解决方法您可以使用带有phonegap插件的原生sqliteDB,您将没有任何限制.在iOS5.1中,Websql被认为是可以随时删除的临时数据…

  4. xcode – Cordova plugin.xml添加“Header Search Paths”条目

    我希望将Cordova插件添加到Xcode项目后,在“HeaderSearchPaths”下添加一个新条目.如何在Cordovaplugin.xml文件中进行配置?

  5. ios – 如何在使用PhoneGap构建的iPhone应用程序中使用Google Web Font?

    我们希望在为iOS设备构建的PhoneGap应用程序中使用GoogleWebFonts,但我们希望在应用程序包中托管字体文件,而不是使用代码通过Web动态获取字体.如果设备处于脱机状态,除非将字体文件捆绑到应用程序中,否则字体将不可用.谷歌提供下载网络字体的能力,但我们如何引用HTML应用程序内的本地字体文件?解决方法我们将字体文件放在.ttf格式的某个地方的assets/www文件夹中.宣言:然后像这样使用它:

  6. iOS上的cordova-plugin-crosswalk-webview

    并且,如果没有使用config.xml配置,我如何设置crosswalk-webviewfosiOS?我已经阅读了iOS版的人行横道quickstartguide,但我认为对于谁正常使用cordovaCLI来说并不是那么容易理解.cordova-plugin-crosswalk-webviewnpmpackage的文档中没有任何内容.更新:按照cordova输出:解决方法iOS上的crosswalk使用原生的WKWebView,它具有indexedDB支持,你可以运行这个javascript代码来检查它是

  7. iOS编译库/框架链接器标记问题是设备编译而不是模拟器

    背景:我正在尝试使用带有cocoapods的Phonegap.Phonegap已经存在从命令行编译的问题所以我只是将Xcode与生成的项目文件一起使用(并且在使用cocoapods时我无论如何都必须这样做).我用我的问题向Github推送了一个复制的空项目:https://github.com/Dan2552/phonegap-reproducable-issue您可以在repo的根目录中的bui

  8. 适用于Xcode,IntelliJ Idea和Phonegap(又名Cordova)的gitignore模板

    有没有人有一个很好的预先推出的gitignore文件用于使用Xcode和PhoneGap的iPhone开发?

  9. 将值从iOS本机代码传递给cordova

    我有一些从我的本机代码生成的值,我想传递给phonegap.这些数据是实时生成的,并不直接受用户通过phonegapgui操作的影响.我的本机代码是我制作的插件的一部分.解决这个问题的最佳方法是什么?

  10. 使用XCode 9 / iOS 11时出现Phonegap错误

    获取“没有为模拟器指定目标.部署到未定义的模拟器设备类型”无法找到com.apple.CoreSimulator.SimDeviceType.undefined“.使用XCode9/iOS11运行Phonegap项目时出错.有没有人有解决方法?解决方法将cordova更新至4.5.0是的…现在不推荐使用cordova插件控制台,需要将其删除.Youwillgetherethedetails

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部