随着移动设备的普及和移动应用的发展，HTML5技术作为一种轻量级可移植的技术逐渐被广泛使用。可是，由于不同厂商系统之间的相差之处，HTML5在安卓和iOS两个系统上仍然存在一些问题。下面简要介绍一些关于h5开发中安卓和iOS的问题和原理。
一、Font-weight问题
在安卓设备上，一些浏览器不能正确渲染font-weight属性。字体看上去比实际要粗，尤其是在使用定制的字体时更是如此。这个问题常见于中国厂商的安卓设备，可能是由于字体文件缺失或字体解析机制不同造成的。
解决方法在使用定制字体时，可以尝试手动设置font-weight为normal或lighter，或者使用CSS3的@font-face来解决。
二、CSS3属性 support
不同浏览器、不同操作系统之间对CSS3属性的支持程度也不尽相同，尤其是一些较新的属性。要是你需要使用一些较新的CSS3属性，最好在不同的设备和浏览器中进行测试，以确保兼容性。
解决方法可以使用一些CSS3属性兼容性库（如Prefix-free）来降低你的负担，当然还有更多一部分的兼容性解决方案可以网上检索查找。
三、Viewport问题
Viewport是移动浏览器的重要属性，它控制着网页的布局和显示方法。然可是在不同的设备上，Viewport的默认值有所不同。尤其是在安卓上，不同屏幕大小的设备可能会有不同的Viewport，默认为980px，可是在iOS设备上则可以借助设置meta viewport标签来控制。
解决方法为了确保你的网页在各种设备上能够正常显示，推荐使用响应式布局，并设置正确的Viewport值。
四、触摸事件差异
在移动设备上，触摸事件对于交互是至关重要的。可是，安卓和iOS设备之间的触摸事件支持存在差异，如double tap事件在iOS上支持，但在大多数安卓设备上并不支持。
解决方法为了很大程度地兼容各种设备，建议使用zepto.js或jQuery Mobile等框架来处理触摸事件。
总结HTML5技术的发展离不开移动互联网，而移动设备相比较桌面设备来说有一些独特的特征，这导致HTML5技术在移动设备上存在一些问题。以上介绍的问题只是其中的几个，但实际上还有更多需要掌握和解决？因为不同的手机厂商、不同的操作系统、不同的浏览器，对HTML5技术的支持还需要不断的实践、尝试和学习。