固定ヘッダーがスマホでずれるときの対処法

ヘッダーを固定するposition:fixed;

レスポンシブサイトでヘッダーを固定をした場合、スマホで見るとヘッダーが動いてしまいました。

XperiaのAndroidブラウザ・・
Chromeで見る限り大丈夫そうでしたがどうやらAndroidブラウザだとダメなもよう。

iPadやiPhoneでは大丈夫でした。

対処法はCSSに下記追加。

top:0;
left:0;

これでなんとか直りました!!

ヘッダー固定するスマホサイトコーディングでうまく表示されない場合の対処

https://memorandums.3ki3ki.com/smartphone-header/
  • URLをコピーしました!
目次