应用程序在手机和波纹中的渲染不同

Posted

技术标签:

【中文标题】应用程序在手机和波纹中的渲染不同【英文标题】:Application not same rendering in phone and in ripple 【发布时间】:2017-11-19 01:33:06 【问题描述】:

Apach cordova 新手,尝试制作一个简单的应用程序。 这是使用 Ripple(用于 phonegab/cordova 仿真)在 google chrome 中查看的结果

这是我点击按钮时的结果

它看起来很完美,现在当我尝试使用 cordova 为 android 创建一个项目,然后使用 android studio 编译它时,我得到了这个结果:

问题来了

如果需要我的代码来检查问题出在哪里,告诉我我会上传。

提前致谢。

【问题讨论】:

问题可能是视口元标记,如果有,请发布,如果没有,则可能是问题 没错!感谢您的回答,问题已解决:D 【参考方案1】:

问题已解决,视口的元数据缺失

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

感谢 jcesarmobile。

【讨论】:

以上是关于应用程序在手机和波纹中的渲染不同的主要内容,如果未能解决你的问题,请参考以下文章

Android UIPaint Gradient 渐变渲染 ③ ( RadialGradient 环形渐变渲染 | 在给定中心和半径的情况下绘制径向渐变的着色器 | 水波纹效果 )

Android 颜色渲染 RadialGradient 环形渲染实现水波纹效果

canvas水波纹效果

位图而不是视图上的波纹动画

实现360手机助手TabHost的波纹效果

科尔多瓦没有给出想要的结果