移动端开发实战经验

原创 2016年09月02日 15:52:26

这是最近在移动端web-view中开发app时实际碰到的一些比较棘手显而易见的问题的小总结.

首先说说问题的表现形式.

有一天, 安卓开发人员拿来一部魅族手机, 给我展示了一下我写的html页面中出现比较奇怪的问题,
就是用highcharts画图画的图的高度变得十分诡异, 当时的表现是无限大. 然后也给我看了一些页面, 明明设计居中的元素并不居中了, 当下完全不知道是何原因, 一度怀疑是引入了rem造成了有些浏览器不兼容的原因, 也怀疑是不是highcharts不兼容, 对于第一个怀疑, 很快就排除了, 因为其他地方也有用rem做高度单位的, 但是并没有类似的问题, 对于第二个怀疑也很快排除了, highcharts是用纯js实现的插件, 一般不会有兼容问题, 那么是什么原因呢 . 于是 我开始在调用highcharts画图之前查看图像容器的高度, 发现是0, 可是明明设置了高度, 为什么还是0呢 ? 分别在css中和js中再次确认设置height后还是无效, 疑似某些安卓系统的web-view渲染 页面时不能识别height, 如何替代呢, 经过无数次的试验, 发现如果设置height无效, 还需设置min-height

同样发现margin-left 和 margin-right 也经常无效, 因为设置了这两个属性的值为auto后, 并不能使一个block元素居中, 而且更有甚者, 如果想用border-radius属性画圆, 则 margin-right的值会加到宽上, 导致画的圆都是椭圆, 不能居中的那一点, 现在想要的方案是设置一个外容器, 给它设置text-align: center 并让需要居中的容器本身的display设置为inline-block.

移动端的开发遇到了很多坑, 一个个发现再解决吧 .

相关文章推荐

有关EPPA项目开发的实战经验

  • 2010年10月22日 16:00
  • 1.3MB
  • 下载

产品项目里的九个敏捷开发实战经验

[摘要]   敏捷开发越来越火热,但在实际应用当中很多时候都是只有敏捷的“形”,却缺少敏捷的“神”,还只是在摸索中。敏捷开发对产品经理/程序员的要求都是很高的,此外还需要各个业务部门对敏捷的理解和支...

Android 开发实战经验总结

以前一直想写一篇总结 Android 开发经验的文章,估计当时的我还达不到某种水平,所以思路跟不上,下笔又捉襟见肘。近日,思路较为明朗,于是重新操起键盘开始码字一番。先声明一下哈,本人不是大厂的程序猿...

工程师实战经验:Beacon与Wi-Fi定位技术的精度/成本/开发难度 EDN

关键字:Wi-Fi  Beacon  定位  很多尝试进入移动互联网行业的人,对室内定位系统很感兴趣,这项技术带来了很多创新的O2O商业模式,包括产品思路。 但对室内定位的技术商业化前景,用W...

架构实战经验一:架构设计中的大小端模式(little-big endian)

问题:架构设计中的大小端模式(little-big endian)        TX公司有一款有关智能手机应用的产品,该产品包括支持四个智能主流手机平台(symbian, windows mobi...

客户端性能优化实战经验分享

合理的架构设计,对客户端后期优化至关重要 暴风影音播放器一直因为“慢”,而引发用户诸多抱怨。新发布的暴风影音5在启动速度上较暴风影音3提升了3倍。暴风影音播放研发总监黄森堂以暴风影音5的研发为案例,...
  • jsutluo
  • jsutluo
  • 2011年08月27日 22:08
  • 398

PMI-ACP敏捷认证:敏捷开发的6个实战经验

敏捷开发,相对传统软件开发模式,它主要是针对快速变化的需求,不断优化管理流程,最终推出优质软件。     1. 快速迭代     相对那种半年一次的大版本发布来说,小版本的需求、开发和测试更加...

Android开发实战经验

1.理解抽象,封装变化 目前 Android 平台上绝大部分开发都是用着 Java ,而跟 Java 这样一门面向对象的语言打交道,不免要触碰到 抽象 和 封装 的概念。我身边接触过的一些开...

iOS 开发实战经验(1)- 应用程序打包上传

工作两年多了,很少在CSDN上发表博文,今天开通博文,记载一下日常工作心得 今天将图文并茂讲解iOS应用打包上传 一.应用程序的打包 准备工作是,你写好的程序已测试过,现在开始进入开发者中心创建发布证...
  • yptzxx
  • yptzxx
  • 2015年12月02日 10:15
  • 246

python开发的项目学习 适合缺少python项目实战经验的人

我们在学习过程中最容易犯的一个错误就是:看的多动手的少,特别是对于一些项目的开发学习就更少了! 没有一个完整的项目开发过程,是不会对整个开发流程以及理论知识有牢固的认知的,对于怎样将所学的理...
  • ycl146
  • ycl146
  • 2017年05月04日 09:39
  • 332
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:移动端开发实战经验
举报原因:
原因补充:

(最多只允许输入30个字)