人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

スマホサイトで、上部メニューを固定にした時のコンテンツの位置を端末すべてで同じにしたい。

スマホサイトを作ってます。
上部メニューを固定にしてz-indexを999に。下のコンテンツはスクロールの際メニューの下に潜るようにしてます。
上部メニューはpng画像で640x110pxを100vwで表示、下部分を波線にしてます。
その下はスクロール画像です。

この状態で、スライドのmarginをpx固定で指定すると端末によって隙間が出来たり大きく重なったりします。
(windows chromeのデベロッパツールで確認)
しょうがないので、padding-topを指定しスライド背景に画像を配置してみました。marginとpaddingをvhで指定してみましたが、変わらず大きくかぶさったり余白が出たりしてしまいます。

どうにかしてすべての端末で変わらず波線の上部分ぴったりにスライドを表示する方法は無いでしょうか?

1509506481
●拡大する

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ