最近在用vue写前端页面时出现了,使用form表单组件Input设置placeholder字体时出现在模拟端能够成功显示,在手机真机端却不能成功显示的问题,然后看了找了好多博客也没看到,自己捣鼓了一下发现网上好多的都是不太准确的。

<input type="text" style="font-size: 34upx;" placeholder-style="font-size:16px;" placeholder="患者姓名" confirm-type="search"></input>

发现并不是placeholder-style设置的属性在手机端不行,而是手机端对于font-size的单位存在差异,对于单位时:upx,rpx的单位手机端时不支持的(页面无法显示成功),但是使用px,可以正确的显示在页面上

Logo

前往低代码交流专区

更多推荐