移动端的一些技术解决方案

1、去除<a>标签点击高亮

/*清除高亮，设置为透明状态*/
-webkit-tap-highlight-color: transparent;

2、去除移动端浏览器的一些默认外观

/*加上后，才能给按钮或输入框自定义样式*/
-webkit-appearance: none;

3、禁用长按页面时弹出菜单

img, a {
	-webkit-touch-callout: none;
}

4、移动端的常见布局

（1）单独制作移动端页面（主流）
① 流式布局（百分比布局）
② flex 弹性布局（强烈推荐）
③ less + rem + 媒体查询布局
④ 混合布局

（2）响应式页面兼容 pc端、移动端（其次）
① 媒体查询
② bootstrap