开发网站前端的技术员，讲述一下，移动端网站头部header通用写法。开发者经常会忽略的一些代码写法，下面全宝鑫网站技术员，总结分析一下，希望正在观看的同行，有个方便参照的代码。
<head>
<meta charset="UTF-8">
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- 为移动设备添加 viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<!-- 添加到主屏后的标题（iOS 6 新增） -->
<meta name="apple-mobile-web-app-title" content="">
<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- 设置苹果工具栏颜色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） -->
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
<!-- 忽略页面中的数字识别为电话，忽略email识别 -->
<meta name="format-detection" content="telphone=no, email=no"/>
<!--下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
<title>web前端-头部写法</title>
</head>
1.head部分 通用写法；网上也有，不过有的可有，有的可无；原理是兼容IOS透明栏目等问题，再者就是viewport（关键）
2.引入引用flexible.js；这是淘宝的兼容解决方案，最大到5.5寸；用的时候把viewport去掉，flexible.js会动态添加；
主要讲一下用法，网上的讲的太细却使很多网友没懂；flexible.js只有4K，作用是：
1.动态改写 <meta> 标签
2.给 <html> 元素添加 data-dpr 属性，并且动态改写 data-dpr 的值
3.给 <html> 元素添加 font-size 属性，并且动态改写 font-size 的值
接下来就可以用了，若你的图示640的 就设置1rem=64px 如果是750的就设置1rem=75px；比如320X240的banner，那么就换算成5remX3.75rem(640为例)
1、按客户要求订制，专业技术员做到客户满意为止。
2、网页栏目和网页数不限，用户可通过网站后台增加和修改。
3、网站电脑版和移动版同时开发，同一网址，电脑打开是电脑版网页，手机打开自适应手机版网页。
4、网站美工和客户相互配合，客户提供产品相关的图片资料，美工排版，上传到网站。
5、网站搭建完成后，配网站操作说明书，和操作视频教学。
6、配相关网站优化排名资料，和网页图片处理软件，管理操作资料推送给客户。
7、根据搜索引擎规则编写网站代码，自然排名和竞价排名，容易被搜索引擎收录。
8、交一次搭建网站制作费用，获得终身网站使用权。
1、从专业拍摄产品图片；
2、到美工处理产品图片；
3、到上传产品资料图片；
4、到网店旺铺排版装修；
5、到优化管理网店旺铺。
同时网店经营商家只需要每天上班时间，按时登录网店的在线客服沟通工具，等待与询盘过来的客户及时沟通，也就是开始等待接订单。
