问题在手机上打开页面,点击输入框页面会放大
- 可以试试改html里的meta标签,一般可以解决问题
原:<meta name="viewport" content="width=device-width,initial-scale=1.0">
改:<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
2.改了meta后发现页面还是会发大。苹果大小正常,安卓会发大
打开控制台,切换机型,看右边fontSize是否改了几次,最终改为了错误的大小

解决方法:给正确大小个优先级

注:目前没发现给固定fontSize出什么问题,移动端适配正常工作。
文章讲述了在手机网页开发中遇到的问题,即点击输入框导致页面放大。建议修改HTML的viewport元标签,例如添加`maximum-scale=1.0`和`user-scalable=0`,但发现这在安卓设备上仍无效。问题可能在于fontSize的改变。提出给正确fontSize设置优先级作为解决方案,并指出未发现固定fontSize对移动端适配产生负面影响。
1141





