h5开发中安卓和ios的问题

随着移动设备的普及和移动应用的发展，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技术的支持还需要不断的实践、尝试和学习。