苹果手机点击输入框页面自动放大
2017-10-18 15:34
99 查看
问题描述
一个项目里用了bootstrap的日期插件bootstrap-datetimepicker,在显示日期的那个input输入框被点击时在苹果手机上页面会被放大,该input输入框type等于text。后来发现忘记加了一些东西。解决办法
一开始我的meta标签是这样的<meta name="viewport" content="width=device-width, initial-scale=1.0">
后来改成了这样
<meta content="yes" name="apple-mobile-web-app-capable"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
总结
苹果手机好像有点击输入框自动放大的功能,认为这样用户体验好。我觉得起作用的地方,主要在于initial-scale=1,maximum-scale=1,使得缩放比例为1,这样在苹果手机上就不会自动放大了。相关文章推荐
- 苹果手机点击输入框input 页面放大 超出屏幕问题
- 防止手机浏览点击输入框自动放大
- IPhone手机页面中点击文本输入框,弹出键盘,网页会放大,如何解决
- 怎么让Android 浏览器焦点在文本输入框时不自动放大页面?
- 如何解决手机浏览器页面点击不跳转浏览器双击放大网页
- 如何解决移动端H5页面点击输入框页面放大的问题
- 防止移动端点击输入框页面放大
- 用苹果手机扫描自动打开Appstore页面下载APP,用安卓手机扫码自动打开应用页面下载APP
- 解决手机页面中点击文本框,网页放大问题
- 处理android手机html5页面中,点击text文本框无法自动获取焦点的处理方法
- 阻止html页面在手机上显示时点击form表单控件页面放大
- 手机界面显示正常,点击输入框就放大,怎么破?看这里!
- html页面在手机中点击输入框调出键盘页面内容上移的粗暴解决办法
- 处理android手机html5页面中,点击text文本框无法自动获取焦点的处理方法
- 点击微信输入框页面放大以及页面布局等若干问题的记录
- android 加载web view的时候,点击输入框,导致页面放大的问题解决方法
- css怎么让Android 浏览器焦点在文本输入框时不自动放大页面
- 手机浏览器页面点击不跳转(Android手机部分浏览器) 浏览器双击放大网页 解决
- 手机中的页面数字不显示为电话号码 和 点击按钮不出现阴影和苹果中限制缩放
- 解决手机浏览器上input 输入框导致页面放大的问题(记录)