解决html的input标签在苹果手机移动端会出现缩放效果

解决html的input标签在苹果手机移动端会出现缩放效果,第1张

如果所有页面不需要缩放效果,可使用下面的方法

<meta name="viewport"content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>

但是这种限制用户的使用权利的方法是不友好的,所以可以只限制input的缩放效果,出现缩放问题,是因为聚焦字体小于16px,苹果手机认为你只有放大才能看清楚,所以可以用下面的方法解决

@media screen and (-webkit-min-device-pixel-ratio:0) {

select,

textarea,

    input {

font-size:16px !important

    }

}

1、在【开始】→【运行】中输入: regedit→确定(或按回车键)之后,打开注册表编辑器。

2、依次打开:HKEY_CLASSES_ROOT→往下找.htm项(注意前面有英文状态的句号)。

3、HKEY_CLASSES_ROOT\.htm,这里的默认值是被修改的值。

4、应该将默认的数值数据修改成:htmlfile 再按确定。

5、继续找到:htmlfile\ShellEx\IconHandler路径,确保右边窗口的默认中的数值数据为: {42042206-2D85-11D3-8CFF-005004838597} 。

6、打开Internet 属性→程序→设为默认浏览器→确定即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6225928.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存