手机浏览器乱码、手机浏览器汉字变怪字符

背景

近期进行移动适配，改的过程中发现手机浏览器乱码，手机浏览器汉字变怪字符，因为在修改过程中突然出现的，比较茫然，上个版本正常，下个版本就乱码，PC浏览器上正常，所以开始认真想。

分析过程

先是用手机上不同浏览器试，p30p里QQ浏览器乱码不正常,p30p的华为浏览器乱码不正常，mate9里华为浏览器正常，在网上搜索要改浏览器的环境模式为PC模式也不能解决问题。

原因

后来认真检查html，发现有个标签没有封闭好，导致了手机浏览器乱码和手机浏览器汉字变怪字符。正常的标签是：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">              

错误标签是：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no>              

注意最后的双引号，少了这个导致手机浏览器乱码和手机浏览器汉字变怪字符。

总结就是有的网页手机浏览器乱码和手机浏览器汉字变怪字符，不是你手机的事，也不完全是你手机浏览器的事，是html的事。