本文探讨了在移动端HTML中，输入框(input)的大小会随font-size变化的问题。开发者遇到在PC端设置font-size为50px以增大密码小黑点的显示，但在手机上导致输入框异常变大的情况。通过分析，发现问题源于font-size，调整为0可使效果一致，但暴露了输入内容。寻求解决方案，以保持input尺寸不变的同时增大font-size，确保在PC和手机上表现一致。
项目里准备做一个模仿支付宝6位密码输入框，做完在谷歌浏览器上模拟，没有任何问题，附图如下：
因为密码输入框小黑点太小了，所以我把font-size调到了50px，在电脑网页上也是一切运行正常，但是当我在手机上打开时，发现输入框异常的大，附图如下：
发现原因出自"font-size"，如果我把"font-size"修改为0，手机上效果就和电脑一样了，但是这样就看到输入的内容了，请问如何解决这个问题，保证input的大小不变，同时font-size变大。在PC上是可行的，但不知为什么在手机上不行。
app.vue文件
const PwdInput = {
template : ""
};
module.exports = {
data () {
return {
correctPassword : 123456,
items : 6,
t
最低0.47元/天 解锁文章
1531
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
