服务购

　　ios前端工开发和web前端工开发在很多方面都不一样，你只有去自己做过才知道到底会有多坑！为了让大家少走弯路，小编这里就介绍一些有关于ios前端工开发的小技巧，希望大家喜欢。

　　关于ios前端工开发的一些小技巧（部分也同样适用于安卓系统）：

　　【 一 】

　　遮罩点击显示后不会全屏显示，需要滑动以下才会全屏

　　Android不会出现上面这种情况，ios因为元素刚开始不可见，点击显示后无法填充全屏，所以记得给遮罩的背景添加一个高度为window的高度，bug可以在Bootstrap的issue里面发现：https://github.com/angular-ui/bootstrap/issues/1812

　   【 二 】

　　JavaScript提示用户添加到主屏幕

　　//caibaojian.com/add-to-home-screen.html

　　这是一篇关于iPhone可以添加到主屏幕，从而通过手机桌面像打开APP一样打开网页，这对于比较依赖移动前端的网页比较适合，如果是打开一两次的话，添加这个提示不免就有点扰乱用户了，所以可以根据需要来添加。

　    【 三 】

　　输入框点击之后页面会放大

　　iPhone的一个坑，当你的页面有表单，需要填写内容时，聚焦后，发现页面会放大，这可能导致一些设计变形，例如超出内容出现横向滚动条。

　　解决方案：很简单，不让用户放大页面的操作，添加以下的meta即可。

　　著作权归作者所有。

　　商业转载请联系作者获得授权,非商业转载请注明出处。

　　链接://caibaojian.com/iphone-mobile-tech.html

　　来源://caibaojian.com

　　四、

　　重置按钮样式

　　iOS默认会给按钮加按钮button加一个iOS的样式，你需要在里面加上

　　button,input[type="button"]{-webkit-appearance:none;*overflow:visible;}

　　当你才刚开始进行ios前端工开发时，总免不了走一些弯路，踏进一些坑，为了不让自己遗忘，建议大家将遇到的问题都记录下来。从另外一方面来说，这也是你的一个成长经历。