于是在网上查了一些相关问题，原来缺少了meta的viewport定义，因为它用来告知移动设备这是一个移动页面，所以必不可少，最后在html页面的head区内加上了以下几句话即可完美适配手机（android和ios）:
<head>
<meta name=”viewport” content=”initial-scale=1.0, maximum-scale=1.0, user-scalable=no” />
<meta content=”yes” name=”apple-mobile-web-app-capable” />
<meta content=”black” name=”apple-mobile-web-app-status-bar-style” />
<meta content=”telephone=no” name=”format-detection” />
<meta content=”email=no” name=”format-detection” />
要根据自己的情况而定，以上只是参考
写在最后，以上就是对于“html页面适配android手机兼容笔记”的一些看法，欢迎指正、交流。
信息名称：html页面适配android手机兼容笔记
文章转载：http://test.kuaping.com/article/show134.html
做响应式网站，就上跨屏互联
关注公众号
027-817-77732
133-434-77732
027-81777732
