iOS Safari 改变字体大小，webkit-text-size-adjust 没有效果

Question

我有一份契约(Contract)表格，我想在移动设备上查看，它需要与最终契约(Contract)的显示完全相同，包括字体大小和所有内容。契约(Contract)上有输入框，但似乎 iOS Safari 在这些框中放大了字体大小。

我找到了 -webkit-text-size-adjust，但是，这并不能解决问题。如何防止 iOS Safari 更改此输入框中的字体大小，或者我是否误解了这是怎么发生的？

Answer 1

确保您在 <header> 中设置初始比例:

<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, shrink-to-fit=no">

并确保 iOS Safari 在认为文本太小时不会自动缩放文本:

-webkit-text-size-adjust: none;