移动端主流方案(1)分别制作移动端页面的【主流】
京东又快又省，买东西去京东！ 淘宝网触屏版苏宁苏宁易购(Suning.com) -送货更准时、价格更贵、上新货更快……)响应式页面兼容移动终端【其次】
https://www.Samsung eshop.com.cn /……单独的移动页面(主流)通常可以在网站域名前加m (移动)来打开移动终端。 通过确定设备，如果移动设备处于打开状态，请跳至移动端页面。
通过确定支持响应的PC移动端(下一个)浏览器窗口的宽度，改变样式以支持不同的终端。
缺点：制作麻烦，调整兼容性问题需要很大的精力。
总结目前市场上常见的移动开发有两种方案：分别创建移动页面和相应的页面。
目前市场的主流选择是创建单独的移动端页面。
移动技术解决方案移动浏览器移动浏览器基本上以webkit内核为中心，因此我们将考虑webkit兼容性。 使用H5标签和CSS3样式，浏览器的专用前缀只需考虑添加Webkit即可。 CSS初始化normalize.css移动端CSS初始化normalize.css/
Normalize.css :有价值的默认值Normalize.css :修复了浏览器的bugNormalize.css :模块化Normalize.css :具有详细文档的官方网站地址： nns
CSS3框模型box-sizing传统模式宽度计算：框宽度=CSS设置的宽度边框内边距CSS3框模型：框宽度=CSS设置的宽度，其中包含边框和内部边距。 因此，我们的CSS3的盒子模型，内部边距和边框不支撑盒子
/* CSS3盒装机型*/box-sizing : border-box； /*传统盒装机型*/box-sizing : content-box； 是传统的，还是CSS3盒子模型？
移动端均可使用CSS3盒模型；PC端需要复杂的产品时使用传统机型；不考虑时使用CSS3盒模型特殊样式/* CSS3盒模型*/box-sizing : border-box； 维基盒子-尺寸： border-box； /*必须单击高亮来清除。 必须设置透明度以完成透明度。 //*说明：例如，默认情况下，在目标位置单击链接会突出显示背景颜色。 //- WebKit-tap-highlight-color : transparent； /*例如： */* {-WebKit-tap-highlight-color : transparent； }/*通过在iOS中添加名为属性的按钮和输入框来自定义移动浏览器的默认外观的*/-webkit-appearance : none； /*例如，*/input {-WebKit-appearance : none； (/)禁用长页面时的弹出菜单(*/- WebKit-touch-callout : none； /*此处以img及a为例*/img，a {-WebKit-touch-callout 3360 none； }