位置：小さな画面では固定プロパティーが機能しません

-4

divを1つ上に固定し、もう1つ下に固定する必要があります。位置：小さな画面では固定プロパティーが機能しません

大画面（コンピュータ）では固定されていますが、小画面（携帯電話）では固定されていません。

マイCSS：

.navbar-fixed-top, 
.navbar-fixed-bottom { 
    position: fixed; 
    right: 0; 
    left: 0; 
    z-index: 1030; 
    margin-bottom: 0; 
} 
.navbar-fixed-top { 
    top: 0; 
}

訪問websiteデモのために！

出典

2017-11-02 NamarsahaM Networking

でposition:staticを取り付けます（メディアクエリでは）それは簡単な

media q[email protected] (max-width: 979px) bootstrap-responsive.min.css:9 .navbar-fixed-top, .navbar-fixed-bottom { position: static; }

をお使いのHTMLとCSSの最小限の作業コピーを共有し、より徹底的に問題を説明してください。あなたのウェブサイトを共有するだけでは十分な研究ではありません。 –

ようこそスタックオーバーフロー！コードヘルプを求める質問には、それを再現するのに必要な最短コード**を質問の中で**好ましくは** Stack Snippet **に含める必要があります。あなたがリンクを提供したにもかかわらず、それが無効になるのであれば、あなたの質問は、同じ問題を抱える将来の他のSOユーザにとっては価値がないでしょう。 [**私のウェブサイトの何かが動作しないのは、リンクを貼り付けるだけです**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-リンクを張ることはできません）。 –

で画面上の静的するナビゲーションバーの属性を変更するもので、固定されていないThat'sので、 CSSのコードの中でブートストラップ応答CSSでCSS以下

だけの更新を定義します。

@media (max-width: 979px) 
    .navbar-fixed-top, .navbar-fixed-bottom { 
     position: fixed; 
    } 
}

出典

2017-11-02 10:25:21

-1

あなたの体は小さな画面のデバイスにパディングがあり、それが問題の原因であり、固定された位置付けではありません。

出典

2017-11-02 10:22:34

すべての答えに下降音符を説明してもらえますか？ –

-1

このスタイル

デスクトップでモバイルビューで確認する場合はそれが979px以下

出典

2017-11-02 10:24:56

はposition:fixed

出典

2017-11-02 10:28:11

位置：小さな画面では固定プロパティーが機能しません

答えて

関連する問題