2016-07-23 7 views
0

からSO 上の私の最初の記事をスクロール表示するために、私は問題はメニューのページにある、ブートストラップどのこんにちはdivの固定W100%のH100%

を使用してWebページをデザインしています(右のスティッキー) ここでそれを確認してくださいorlandolab.hol.es

私のPC /ノートPCが、何か間違ったことにメニューページ作業罰金、それが(ちょうどメニューをクリックし、ブラウザのサイズを変更)メニューができ

CSSスクロールしない携帯電話で閲覧:

.navigasiku{ 
position: fixed; 
top: 0; 
/*left: 0px;*/ 
left: 100%; 
opacity: 1; 
width: 100%; 
/*display: none;*/ 
padding-top: 6%; 
height: 100%; 
background: ‪#‎31302F‬; 
z-index: 333; 
} 

あなたは、メニューのページ、右側に粘着性のあるものは、支持体は幅と高さを変更することはないかどうかを確認する必要がplese check this pic for the markup

+0

ようこそスタックオーバーフロー。コードの最小限のバージョンを投稿して、あなたが試したことの明確な例とともに、最高の回答を得るでしょう。あなたの質問にコード例を掲載することは、あなたのサイトや画像へのリンクよりも一般的に好まれます。詳細はこちらhttp://stackoverflow.com/help/mcve – Toby

+0

このムービーでは、scroolが動作していないと表示されます。https://scontent-sin1-1.xx.fbcdn.net/v/t1.0-9/13754687_10205565400529157_8258555094555229960_n .jpgの?ああ= f14658cfc8616690207e169135bcb965&OE = 582A5AAD は、残りのメニューを表示するには、 https://scontent-sin1-1.xx.fbcdn.net/v/t1.0-9/13754638_10210101908734612_5326892480464139825_n.jpg?oh=e2dcf13f35cb8612d276bb0c38780990&oe=5829CEA0 –

答えて

0

前THX。別の表現では、CSSコードで@mediaを使用する場合です。

0

bootstrapを使用している場合、を使用する場合は、幅と高さをに設定しないでください。 col-lg-*(大)、col-md-*(中)、col-sm-*(小)、col-xs-*(小)を使用する必要があります。サイズは画面幅のブレークポイントを参照します。

ブートストラップでは、ページが12列に分割されます。デスクトップに3つのdivがあり、画面全体に均等に表示させたい場合は、クラスcol-lg-4を追加します。あなたは彼らがタブレット上半分の幅を取る、あなたはこのような何かを行う可能性があります持っている、例えば、異なるブレークポイントクラスを混在させることができ

<div class="col-lg-4 col-md-6">...</div>

divは、第三を取るだろう画面の幅のこれについてはbootstrap documentationをご覧ください。

関連する問題