html5开发很多的人对其都不陌生,它由于易于维护,有更好的互动性,更快的开发等优点,被越来越多的开发站长用于web应用程序开发中。而大家都知道HTML5 是一种标记语言,与Java和CSS一起构成了每个开发者的核心技术,并html5拥有自己的API以及一组被主流浏览器兼容的标准API,同时一些特殊被API,如:本地存储也被许多浏览器支持。那么,HTML5开发移动端需要注意什么?
方法/步骤
1
自适应布局模在编写CSS时,天津app开发不建议前端工程师把容器的宽度定死。为达到适配各种手持设备,还是建议前端工程师使用自适应布局模式,因为这样做可以让你的页面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能够正常的显示,你无需再次考虑设备的分辨率。
2
字体关于字体可分为两类:一种是艺术字体、icon,另一种是我们在页面中的字体。移动终端对网络的要求是比较高,所以要尽可能减少网络请求,图片是非常大的网络开销,当然,我们可以用合并图片的方式减少请求数,但是请求量变大了。css3支持web fonts,所以,我们可以引入字体文件,而并非是所有的字体都是通过切图的方式来实现。
3
忽略移动应用中的关键因素从本质上来说,mobile webapp是基于PC的一种开发模式,开发者使用PC浏览器模拟App中的webview进行调试。PC浏览器与手机webview的区别还是很大的,包括能支配的CPU资源,最大占有的内存,运行的网络环境,click和touch事件的区别,浏览器对CSS/JS的解析和对事件处理.......
4
避免表格使用关于手机屏幕有限这个问题,相信大部分的人都知道,正因如此,所以在手机布局中一定不要让网站用户滚动屏幕,避免使用表格。另外,确保不要使用隐藏的图形来填充页面,若使用隐藏图形,会增加下载时间,而且页面也可能显示错误。
下一篇:怎么查看与口碑合作的银行卡特惠