スマートフォンでテキストボックスをタップされた際に画面がズームしないようにする

Question

いつもお世話になっております。

現在Railsでウェブページを作成しております。
アクセスがスマートフォンの場合別にページを表示できるようにしているのですが、現在以下のようにコードを書きテキストボックスを表示しております。

現状のままですと、スマートフォンアクセスし、テキストボックスをタップした場合に、画面がそのテキストボックスに寄ってしまいます（ズームされるような形です）。
これをタップされた場合にも寄らないようにするにはどのようにすればよいのでしょうか。

ご教示いただけますと幸いです。
よろしくお願いいたします。

view
<div class="mobile_login_name_field_textbox">
     <%= f.text_field :name %>
</div>

css
.mobile_login_name_field_textbox {
    input[type="text"] {
      width: 50%;
      height: 90px;
      border-radius: 10px;
      box-shadow: none;
      font-size: 18px;
      padding: 3px 5px;
      outline: none;
      border-top: 1px solid #aaa;
      border-left: 1px solid #aaa;
      border-right: 1px solid #aaa;
      border-bottom: 1px solid #aaa;
    }
}

Answer 1

viewportの設定で、ズームしないように設定すればいいかなと思います。

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">

https://qiita.com/volkuwabara/items/b285cc312587c73a4812

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。
ご教示いただいた方法で無事解決いたしました。