ios h5端页面点击input 输入框会自动放大页面解决办法设置meta标签meta name=viewport content=width=device-width; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;meta name=appl...
ios h5端页面点击input 输入框会自动放大页面解决办法
- 设置meta标签
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
meta标签的各项含义
viewport 表示可视区域
width 可视区域的宽度,值可为数字或关键词device-width(设备的宽度)
initial-scale 初始的缩放比例 (范围从>0到 10 )
minimum-scale 允许用户缩放到的最小比例
maximum-scale 允许用户缩放到的最大比例
user-scalable 用户是否可以手动缩放
apple-mobile-web-app-capable 表示苹果工具栏和菜单栏,默认content为no,即显示工具栏和菜单栏。设置将content设置成yes即为不显示
-
如果不行,可采用font-size
- 例如vue项目的话,在主scss文件中添加以下即可
input,select,button{ font-size: 16px; }
沃梦达教程
本文标题为:ios h5端页面点击input 输入框会自动放大页面解决办法
基础教程推荐
猜你喜欢
- iOS开发 全机型适配解决方法 2023-01-14
- Android开发Compose集成高德地图实例 2023-06-15
- iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi 2023-06-18
- Flutter进阶之实现动画效果(三) 2022-10-28
- iOS开发使用XML解析网络数据 2022-11-12
- iOS Crash常规跟踪方法及Bugly集成运用详细介绍 2023-01-18
- MVVMLight项目Model View结构及全局视图模型注入器 2023-05-07
- Android Compose自定义TextField实现自定义的输入框 2023-05-13
- IOS获取系统相册中照片的示例代码 2023-01-03
- Android实现短信验证码输入框 2023-04-29