前端开发-移动端（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"
/>

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

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

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

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

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

清除链接点击的背景颜色

-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% }

最后

以上就是多情发夹为你收集整理的前端开发-移动端（1）的全部内容，希望文章能够帮你解决前端开发-移动端（1）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。