发表日期： 2021-05-21 13:41:08 浏览次数：82
鄄城网站制作要多少钱【域名企业邮箱服务器注册申请办理】鄄城网络优化公司哪家好、鄄城软件开发外包价格、鄄城高端企业网站页面制作设计专业公司、鄄城微信公众号小程序购物支付搭建制作公司
鄄（juàn）城县，隶属于山东省菏泽市，位于山东省西南部，西北两面跨黄河与河南省毗邻，因境内有鄄邑、鄄城而得名，截至2018年12月底，鄄城县土地调查面积1037.67平方公里。 [1]
鄄城县是国家级生态示范区，全国粮食生产基地县，全国平原绿化先进县，全国鲁西黄牛和中国斗鸡保种基地，古代军事家、一代兵师孙膑的故里，是山东省首批20个省管县之一，列入国家民政部命名的“千年古县”。 [2]
2019年，鄄城县下辖2个街道、13个镇、2个乡 [3] 。2018年，鄄城县常住人口76.41万人，实现地区生产总值（GDP）198.67亿元，其中，第一产业增加值28.7亿元，第二产业增加值92.31亿元，第三产业增加值77.66亿元，三次产业构成为14.4：46.5：39.1，人均地区生产总值25416元。 [4]
接触移动端，简单做下总结，首先了解下移动web带来的问题
设备更新换代快——低端机遗留下问题、高端机带来新挑战
浏览器厂商不统一——兼容问题多
网络更复杂——弱网络，页面打开慢
低端机性能差——页面操作卡顿
HTML5新技术多——学习成本不低
未知问题——坑多
面对这些问题，一开始我们只能在未知中试错，知道错误的方案才能更容易寻找正确的解决问题思路，2年多来，可看到移动web在业界不断趋向于成熟，各种框架和解决方案不断的涌现让移动端开发不再是个噩梦。
这几天把想到的一点经验先罗列出来，后续会持续更新，这篇文章可以给刚接触webapp开发的同学带来帮助，任何疑问欢迎留言探讨~
meta基础知识
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面
忽略将页面中的数字识别为电话号码
忽略Android平台中对邮箱地址的识别
当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari (new)
将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式
viewport模板 (new)
常见问题
移动端如何定义字体font-family
移动端字体单位font-size选择px还是rem (new)
移动端touch事件(区分webkit 和 winphone) (new)
移动端click屏幕产生200-300 ms的延迟响应
触摸事件的响应顺序
什么是Retina 显示屏，带来了什么问题
ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉
部分android系统中元素被点击时产生的边框怎么去掉
winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉
webkit表单元素的默认外观怎么重置 (new)
webkit表单输入框placeholder的颜色值能改变么
webkit表单输入框placeholder的文字能换行么
IE10（winphone8）表单元素默认外观如何重置
禁止ios 长按时不触发系统的菜单，禁止ios&android长按时下载图片
禁止ios和android用户选中文字
打电话发短信写邮件怎么实现
模拟按钮hover效果 (new)
屏幕旋转的事件和样式
audio元素和video元素在ios和andriod中无法自动播放
摇一摇功能 (new)
手机拍照和上传图片
微信浏览器用户调整字体大小后页面矬了，怎么阻止用户调整
消除transition闪屏
开启硬件加速
取消input在ios下，输入的时候英文首字母的默认大写
android上去掉语音输入按钮
android 2.3 bug
android 4.x bug
设计高性能CSS3动画的几个要素
fixed bug
如何阻止windows Phone的默认触摸事件
播放视频不全屏 (new)
常用的移动端框架
zepto.js
iscroll.js
underscore.js
滑屏框架
flex布局 (new)
FastClick
Sea.js
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
忽略将页面中的数字识别为电话号码
<meta name="format-detection" content="telephone=no" />
忽略Android平台中对邮箱地址的识别
<meta name="format-detection" content="email=no" />
当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari
<meta name="apple-mobile-web-app-capable" content="yes" /><!-- ios7.0版本以后，safari上已看不到效果 -->
将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式
<meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 可选default、black、black-translucent -->
viewport模板
viewport模板——通用
<!DOCTYPE html><html><head><meta charset="utf-8"><meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"><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"><title>标题</title><link rel="stylesheet" href="index.css"></head><body>这里开始内容</body></html>
viewport模板 – target-densitydpi=device-dpi，android 2.3.5以下版本不支持
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=750, user-scalable=no, target-densitydpi=device-dpi"><!-- width取值与页面定义的宽度一致 --><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"><title>标题</title><link rel="stylesheet" href="index.css"></head><body>这里开始内容</body></html>
参考案例：http://action.weixin.qq.com/payact/readtemplate?t=mobile/2015/wxzfsht/index_tmpl
鄄城网站制作要多少钱【域名企业邮箱服务器注册申请办理】鄄城网络优化公司哪家好、鄄城软件开发外包价格、鄄城高端企业网站页面制作设计专业公司、鄄城微信公众号小程序购物支付搭建制作公司
