移动端总结

1､常用的meta标签




























2､IOS的H5页面滚动不流畅解决方案
在滚动层的外面的class添加-webkit-overflow-scrolling : touch;
3.去触摸元素时出现半透明灰色遮罩
-webkit-tap-highlight-color:rgba(255,255,255,0)
4､IOS 默认输入框内阴影重置
{ border: 0; -webkit-appearance: none; }
5､旋转屏幕时，字体大小调整的问题
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:100%;}
6、改变placeholder的样式
input::-webkit-input-placeholder{color:#000;}
input:focus::-webkit-input-placeholder{color:#000;}
textarea::-webkit-input-placeholder {text-align:left}
7､禁止选中
E { -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;}
8、IOS禁止保存或拷贝图像
img { -webkit-touch-callout: none; }
9､密码
input[type=text]{ -webkit-text-security: disc; }