mobile端安卓跟ios兼容处理

冰墩墩1

于 2021-09-09 17:38:19 发布

阅读量181

点赞数

分类专栏：移动端文章标签： ios

本文链接：https://blog.youkuaiyun.com/weixin_40024174/article/details/120206151

版权

移动端专栏收录该内容

1 篇文章

订阅专栏

这篇博客主要讨论了iOS设备上点击input框时页面出现放大现象的问题，并提供了解决方案。通过在HTML头部添加meta标签，设置viewport属性为`width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no`，可以禁止页面缩放，确保输入框聚焦时不改变页面大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.ios点击input框页面会放大处理：

//头部添加：
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

mobile端 安卓跟ios兼容处理

mobile端安卓跟ios兼容处理