iOS Safari 中的 Textarea 宽度与其他移动浏览器不同

时间:2021-02-17 16:10:41

标签: html css ios reactjs mobile-safari

所以我正在使用某种小时注册表创建这个网页。 在这个表单下面有一个文本区域,它旁边是一个大的保存按钮。

现在问题来了:

  • 我已将 textarea 的宽度设置为其所在 div 的 100%。此 div 位于包含按钮的 div 旁边,为简单起见,我们只说 textarea 周围的 div 为 75vw,周围的 div按钮是 20vw。
  • 在我的 Android 手机(chrome、samsung internet、firefox)上的所有移动浏览器上,这看起来都很棒,没有问题。但是在 iPhone iOS Safari 上,textarea 溢出了它所在的 div 并且它越过了保存按钮......出于某种原因,textarea Safari 上的 100% 宽度因此比其他移动浏览器上的更大......(并且更大比它的div)

现在,如果我将此宽度设置为 90%,则在 safari 上没问题,但在其他移动浏览器上就不太漂亮了。

现在我可能会通过检查是否有人使用 iPhone 并根据此设置宽度来修复它,但我很好奇是否有人知道此问题的原因或知道更好的解决方案。

希望我把一切都解释得足够好,如果不是让我知道的话! :)

0 个答案:

没有答案