首页 > 开发 > CSS > 正文

如何优化页面在手机显示

2017-09-12 09:39:20  来源: 网友分享

做好的 一个手机网页 在真机上 加载会很慢 有些 用到 css3动画的 还会出现 页面卡卡的问题
关于图片大小是否有要求 机子自身的网路配置是否有要求 html+css3 是否写的也有问题呢 还是别的原因

解决方案

这个情况很复杂啊,手机太多了,有配置高的,有配置低的。需要有一个大概的兼容性,例如现在还考虑去兼容android1.x android2.x,现在都已经很少了。在移动端设备更新换代很快,对应的用户的机器配置更新很快,可以看看现在智能机系统分布情况:http://en.wikipedia.org/wiki/Android_(operating_system) http://umindex.com/devices/android_os https://developer.apple.com/support/appstore/ https://developer.android.com/about/dashboards/index.html。所以在做的时候,对于兼容这块要考虑好。

而对于你说的CSS3动画卡的问题,有可能是没有启用硬件加速的问题,还有就是优先于用translate这样的属性去做动画,而不用left top

可以参照一些吧:
* https://github.com/jtyjty99999/mobileTech
* http://www.cnblogs.com/yexiaochai/p/3759959.html
* http://alloyteam.github.io/Spirit/modules/Standard/index.html