CSS-Listenverschiebung, um zu verhindern, dass sie von unten verdeckt wird, und um sich an die längere Verarbeitung des Bildschirmmodells anzupassen

1. Wenn das mobile Endgerät die Listenverschiebung verarbeitet, verfügt WeChat unten über eine integrierte Schaltfläche zum Zurückkehren zur Seite, die häufig blockiert ist. Wenn der Bildschirm länger ist, wird der untere Teil viel kürzer. Die folgende Methode kann dieses Problem lösen.

.Container{
  Position: relativ;
  Hintergrund: URL (../img/chooseBg.jpg) keine Wiederholung Mitte Mitte;
  Hintergrundgröße: Abdeckung;
  Breite: 100 %;
  Höhe: 100 %;
  //.listConHeight{
  // Höhe:9rem;
  // Überlauf: automatisch;
  //}
  .listConHeight {
    Position: absolut;
    oben: 0;
    links: 0;
    Breite: 100 %;
    Höhe: 100%;
    Polsterung oben: 1,3rem;
    Box-Größe: Rahmenbox;
    ul {
      Breite: 6,78rem;
      Höhe: 100%;
      Rand: 0 automatisch;
      Überlauf: automatisch;
      -webkit-overflow-scrolling: berühren;
    }
  }

Zusammenfassen

Oben habe ich Ihnen erklärt, wie Sie verhindern können, dass die CSS-Liste von unten verdeckt wird, und wie Sie sie an Modelle mit längeren Bildschirmen anpassen können. Ich hoffe, es wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!
Wenn Sie diesen Artikel hilfreich finden, können Sie ihn gerne abdrucken und dabei bitte die Quelle angeben. Vielen Dank!