モバイルでのブートストラップ3とのテキストの重複

Question

Google Chromeのデベロッパーオプション、具体的にはモバイル対応トグルでthis websiteを見ると、about aboutセクションで私のポートフォリオのセクションと重複します。 CSSの "表示"と "配置"を変更するなど、インターネットからいくつかの修正を試みました。彼らの働いた人はいません。

この問題はローカル環境には存在しません。

提案がありますか？

P.S.これはポートフォリオのウェブサイトです。私は自分の情報を求めようとしていません。それはちょうど壊れていて、モバイルで悪く見えます。ありがとう！

Answer 1

さて、以下のクラスからルールheight: 100%;を削除してみてください：

• .introセクション
• .aboutセクション
• .portfolioセクション

これが解決します重複するバグ。すべてのセクションからパディングトップを減らすために、メディアクエリを追加することはできます。次のようなものがあります。

@media all and (max-width: 580px) { 
    .about-section, .portfolio-section { 
     padding-top: 70px; 
    } 
} 

希望すると、これが役に立ちます。

Answer 2

体から100％の高さだけを取り外すことができます。これは、ボディがオーバーフローし、ウィンドウの高さの最大値に固執しないようにします。