iPhone手机端点击form表单元素自动放大

页面写好后我在ipad上测试,安卓上测试,都没有出现这个问题,但是在iPhone上就会出现,我点击表单,整个页面就会被自动放大,我当时一脸懵逼,代码没错啊,于是百度了了好久,很多人都只是提供了某一小段meta标签,实际使用并无效果,实测需要两条配合使用就可以解决这个问题,代码如下:

<meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

实际测试有效,放心用,注意前后顺序,直接复制使用就行了.

0
  • 本文分类:vue 项目实战
  • 本文标签:暂无标签
  • 流行热度:已超过 79 人围观了本文
  • 发布日期:2019年12月26日 - 9时36分24秒
  • 版权申明:本文系作者@木灵鱼儿原创发布在木灵鱼儿站点。未经许可,禁止转载。
微信收款码
微信收款码