input,textareaのCSSをリセット -iOS Safari -

iOS SafariやFirefoxのフォーム要素にCSSでデザインを設定しても狙った通りにならないことがあります。 これはユーザーCSSを無視してブラウザのデフォルトスタイルが優先されるからですね。

appearanceにベンダープレフィクス（-webkit-）をつけて、値をnoneにすれば初期化できます。

input,textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    max-width: 100%;
  }