美文网首页web前端开发问题收录
解决html的input标签在苹果手机移动端会出现缩放效果

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

作者: GuWenNuo | 来源:发表于2020-05-08 14:44 被阅读0次

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


<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;

    }

}

相关文章

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/afyfnhtx.html