2016-07-23 6 views
-1

固定位置要素が多いサイトがあります。一つの大きなものは、それがページ全体に隣接し、私はそれがフルスクリーンと同じ携帯の画面に表示したい画面全体の周りのdiv修正済み:モバイルでの位置付け作業

CSS

#top, #bottom, #left, #right { 
    background: #a5ebff; 
    position: fixed; 
    -webkit-backface-visibility: hidden; 
} 

で作成したフルスクリーンの境界線です。しかし私は固定要素がモバイル上で異なって行動すると言われてきました。

このサイトはライブではないので、それが真実であるかどうか、また表示したいデバイスの範囲がないかどうかはわかりません。

+0

サイトが公開されていないのはなぜですか。あなたは私が望むかもしれない開発環境を持っていますか?または[jsFiddle](http://jsfiddle.net)のようなもの? – giorgio

+0

私はインターネットブラウザの実際の電話版を試すことができないと言っていました。私は携帯電話を見るためにjsfiddleのようなものを使用していない – user3550879

答えて

0

要素のサイズは、合計でposition:fixedです。

私はあなたに二つの例

  1. 上部に固定し、その上に電話番号を持っている水平バーを挙げてみましょう。
  2. サブメニュー付きの8-10個のメニュー項目で構成されるナビゲーションバー。

  • position:fixed例#2のためにそれが悪いのに対し、バーの高さは約60-70px

  • になりますので、例1のために良いです。ユーザーが文句を言わないのでposition:fixed

のページ上の他の領域をナビゲートすることができ、それが画面全体とユーザーを取るように多くのメニュー項目でメニューを開くたびに、私は到達した後の画像をご説明することができるようになりますホーム。

希望すると助かります!

+0

詳細な説明をありがとう。私はサイズについて心配していない、私は研究している固定プロパティは、コンピュータ上と同じ動作しない複数回を読んだ。 Ex。固定要素は実際に絶対のような内容でスクロールします。 – user3550879