Bildschirmgrößenanpassung und Elementpositionseinstellung

unten können Sie einen Link zu einer Seite sehen, die, wenn sie auf eine Breite von 940 px und niedriger reduziert wird, das Menü ausblenden soll und statt dessen stattdessen ein Dropdown-Menü anzeigen soll. Das Problem ist, wenn die Bildschirmgröße reduziert wird, werden die Elemente falsch ausgerichtet. was ich will, ist die Dropdown-Menü zu halten, das rote Rechteck und die Suchleiste in einer Zeile, unabhängig von der BildschirmgrößeBildschirmgrößenanpassung und Elementpositionseinstellung

hier ist der Zusammenhang mit CSS:

nav select { 
    display: none; 
} 
@media (max-width: 940px) { 
    nav ul  { display: none; } 
    nav select { display: inline-block;margin-left: 300px; margin-top: -10px; } 
}

hier ist der vollständige Code:

https://codepen.io/slackk/pen/RpNBvO

Quelle

2017-02-25 zamzam

Bei der Gestaltung, starten Sie erste mobile Website Gebäude aus. Aber zurück zum Thema, Sie schließen das Tag bis zum Ende, aber es beginnt in der Mitte des Dokuments. Bist du sicher, dass du es richtig platziert hast?

Quelle

2017-02-25 21:51:44

danke für die Antwort, ich verstehe nicht genau, was du meinst. Wo sollte ich das Etikett anbringen? – zamzam

So sollte die Verzweigung auf https://jsfiddle.net/drazenbaric/b2g5bfxs/ aussehen, aber in Ihrem Code öffnen Sie das zweite Tag bis zum vierten und schließen es am Ende –

könnten Sie die Zeilennummern angeben – zamzam

Bildschirmgrößenanpassung und Elementpositionseinstellung

Antwort

Verwandte Themen