移动开发中遇到的N个坑
发布在2013年11月26日view:2477
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

移动开发中遇到的两个坑

1坑

这个坑来源于 http://css3.ps/ css3.ps是css3开发利器,具体使用方法,见官网。 这里要说的是生成的渐变的写法如下:

background-image: linear-gradient(to top, #c7491d, #f2913b);

但是这种渐变的写法不被 安卓2.3 支持。 4.0以后的支持完美。想2.3 支持要如下写法

 background: -webkit-gradient(linear, 0 0, 0 100%, from(#c7491d), to(#f2913b));

写文时找了 半个小时的 原因还没找到 合理的说法。 日后补上,或者知道的看官能补充上,


2坑

在移动端的页面中慎重用 阴影box-shadowtext-shadowlinear-gradient 尤其是text-shadow 是最损耗性能的。 不信你试试。

一个页面有几个还行,尤其列表 慎用。会很卡,操作很不流畅。


3坑(2013年11月26日 补充)

合理设计 密码输入框, 密码输入框 安卓默认会出现 输入边框, 可以和设计沟通把边框融合到设计里面。

顺便 补充下,小米2 ,在混合开发,点击 页面会使页面中 png 拼合的icon 出现锯齿。

评论
发表评论
4年前

评论写错了,怎么修改啊?

4年前

css3很多属性都很耗费性能,特别是和渲染有关的,除了你列出这几个来,还有慎用css3的原生动画,性能很不好,改用js控制div位置来做动画,性能会好很多。。

4年前

渐变的语法有很多版本,以前的版本支持的都是实验性的,没有遵守规范,所以有很多写法,不光你文中出现的这两种,嘿嘿

WRITTEN BY
Yun.kou
web设计师 前端重构 致力于设计与前端一体设计
TA的新浪微博

我的收藏