移动端常见问题及解决方案

 box-sizing：border-box；有较大兼容性  适合做移动端开发

盒子里设置的border和paddig都不会再撑大盒子 盒子宽度不变

 

取消移动端点击a链接时的蓝色背景

 a {
    -webkit-tap-highlight-color: transparent;
}

在移动端 浏览器默认的外观在ios上加上这个属性才能给按钮和输入框自定义样式

button {
        -webkit-appearance：none；
}

禁用长按页面时的弹出菜单

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