Ruby on Rails で textareaをクリックした時に自動的にズームするのをやめたい

Question

わからないこと

Ruby on rails でtextareaタグの中に何か文字を入力する時にPC上だとそのまま入力できるのですが、スマホ上でtextareaに何かを入力するとズームしてしまって非常に入力しずらいのでズームをオフにする方法はありますか？

<input name="title" class="title-area" placeholder="タイトル" value="<%= @post.title %>">
         <br>
         <textarea name="content" placeholder="質問内容" class="content-area"><%= @post.content %></textarea>
          <input type="submit" value="質問する">

Answer 1

transform:scale()を触ってみるとか。
iOSでinputのフォーカス時に画面がズームするのを防ぐ

Answer 2

font-sizeを16px以上にしてみる、というのはどうでしょうか？

Comments

[atage517]

maisumakun さんありがとうございます

font-size:30px にしているんですがズームしてしまうんですよね。Iphone xsを使っているのでそれが原因なのでしょうか？

[gouf]

似たような質問がコレかもしれませんね : https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone