前端开发-移动端（1）

1、ios10 不支持禁止缩放 , 下面禁止代码在iOS10无效

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

2、取图至少要到750宽度的设计图取图？

3、x5内核浏览器（qq浏览器，微信内置浏览器）强制横屏或者竖屏显示

<meta name="x5 orientation" content="portrait|landscape"  />

x5内核浏览器（qq浏览器，微信内置浏览器）设置全屏

<mate name="x5-fullscreen" content="true"  />

uc浏览器强制横屏或者竖屏显示

<meta name="screen-orientation" content="portrait|landscape"  />

uc浏览器强制全屏显示

<meta name="full-screen"  content="yes" >

除qq浏览器和uc以外，其它没有提供相关方法

4、清除一些默认样式

清除链接点击的背景颜色

-webkit-tap-highlight-color:rgba(0,0,0,05)

消除一些浏览器默认的按钮圆角

-webkit-appearance:none;
border-radius:none;

5、设置默认字体：

body{font-family:helvetica}

6、禁止用户设定文字大小（或者横竖屏改变文字大小）

body *{-webkit-text-size-adjust:100% }

7、 当移动端滑动下拉不流畅时可能会用到：-webkit-overflow-scrolling: touch;