移动端开发技巧+移动端适配方法笔记

一、开发技巧

1、  流式布局：不使用固定像素布局，用百分比布局或一些自适应的布局。布局内容是朝网页两端填充的布局。主要适用于：图片比较多的首页、门户、电商等。

2、  标准的viewport设置（width=device-width、initial-scale=1.0、user-scalable=no三个必填设置）

<meta name="viewport"content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

3、在移动端点击a标签，会有高亮的效果，如果不需要可以清除

方法为：-webkit-tap-highlight-color: transparent;

4、在移动端经常使用百分比布局。过多的使用百分比等非固定像素布局，如果再想加上边框的话，宽度还是是默认以内容开始计算的话，宽度会超出百分比，对一些效果的影响就很大。可以设置