タブレットのブラウザでレイアウトの問題を修正しようとしています。現在、Surface と Android のブラウザは正常に動作しますが、iPad にはいくつかの問題があります。これは、Android タブレット ブラウザによって表示されるメイン ページです。
そしてこれがiPad(safariとchrome)で表示されるメインページ
Web ページはブートストラップを使用しており、URL はhttp://hra.case.eduです。
ここに私のメタタグがあります
<meta name="viewport" content="width=device-width,initial-scale=1">
またmin-width=100%、ヘッダー div に a を設定しましたが、iPad の特定のページでは役に立たないようです。この画像を参照してください。
誰でもこれらの問題についていくつかのアイデアを持っていますか?