[移动开发]HTML 移动端开发

移动端只需要考虑兼容webkit内核

viewport

布局视口、视觉视口、理想视口(meta设置)

理想视口

normalize.css

1.去除元素不必要的默认内外边距
2.box-sizing: border-box

去除点击文字背景高亮

-webkit-tap-highlight-color:transparent

去除默认外观

ios浏览器必须添加，才能给按钮和输入框自定样式

-webkit-appearance:none

去除长按弹出菜单

-webkit-touch-callout:none

流式(百分比)布局

通过width,min-width,max-width等设置

弹性布局