web移动开发资源整理之meta基础

本系列文章大都来自于网上大神的解决方案,在这里罗列出来,只为开发时方便查询,创作权归原作者所有。
简单做下总结,首先了解下移动web带来的问题

  • 设备更新换代快——低端机遗留下问题、高端机带来新挑战
  • 浏览器厂商不统一——兼容问题多
  • 网络更复杂——弱网络,页面打开慢
  • 低端机性能差——页面操作卡顿
  • HTML5新技术多——学习成本不低
  • 未知问题——坑多
    面对这些问题,一开始我们只能在未知中试错,知道错误的方案才能更容易寻找正确的解决问题思路,2年多来,可看到移动web在业界不断趋向于成熟,各种框架和解决方案不断的涌现让移动端开发不再是个噩梦。

H5页面窗口自动调整到设备宽度,并禁止用户缩放页面


忽略将页面中的数字识别为电话号码


忽略Android平台中对邮箱地址的识别


去掉winphone系统a、input标签被点击时产生的半透明灰色背景


当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari


将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式



viewport模板——通用




    
    
    
    
    
    
    标题
    

这里开始内容

viewport模板 - target-densitydpi=device-dpi,android 2.3.5以下版本不支持




    
    
    
    
    
    
    
    标题
    

这里开始内容

你可能感兴趣的:(web移动开发资源整理之meta基础)