Safari

HTML

フォームのボタンをbuttonタグにすべき理由はiOSに…

まずは上の画像を御覧ください。これがiOS系端末(ブラウザはSafariまたはChrome)でフォームパーツにinputタグbuttonsubmitresetを使うと何が何でも銀色のボタンにしたがる光景です。おかしい、私はメールフォームのボタンに次のようなデザインを設定したはずなんだがな…?

CSS

【解決法】iOS12+ブラウザ(Safari / Chrome)で100vhの設定が想定どおりに動かない件

「レスポンシブサイト」を作ったものの、モバイル端末での表示が崩れる。PCでは想定通りに表示されるのに、iPad Pro(OSは最新版に更新しているためiOS12)での表示がおかしくなってしまったのです。Webページ全体の高さをCSSで「height: 100vh」で設定すると、なぜか画面の下側がはみ出してしまうのです。