移动野生动物园的绝对定位输入宽度

Question

我有一个绝对定位在容器内的输入。容器的宽度为200，输入内容为160，左侧为20。这会产生您期望在Chrome上获得的结果：

但是在手机游戏中......它看起来像这样：

Here is a minimum reproducible bug。有关如何使其运行的说明在自述文件中。

当内部组件为div时，此错误不会显示，但似乎特定于input。

如何在移动版Safari中格式化绝对定位的文本输入，使其与Chrome，Safari和Firefox上的文本输入方式相同？

Answer 1

只需将padding:0添加到您的input字段即可解决问题。这似乎是Safari for iOS中的一个已知问题，因为它在输入字段中默认添加了额外的填充。

从这里获得一些帮助来解决它：

Input field showing different size in iOS

在GIT的代码中找不到相关位置来修复它。猜猜我是新手做出反应:)。

希望这会有所帮助。干杯！

下面的截图：