Tip:
Highlight text to annotate it
X
Hallo Leute guten Abend heute lernen wir wie man eine reaktionsfähige Website in
vorheriges Video lernen wir komplett erstellen a Website können Sie hier in der Vergangenheit sehen
Video lernen wir aber in diesem Video Tutorial lernen wir, wie man ein
Website also müssen wir zuerst überprüfen Wo kann man die responsive Website überprüfen?
nicht rechtsklicken auf Seite klicken Auswählen inspizieren und klicken Sie auf dieses Toggle-Gerät
Symbolleiste können Sie die Website nicht sehen reagierend, aber hier zeige ich dir ein anderes
Dies ist eine vollständig reagierende Website Rechtsklick auf inspizieren und Sie können sehen
Die Website ist voll reaktionsschnell können Sie check galaxy s5 wähle 100% und du kannst sehen
Schau es ist sehr gut das ist eine responsive Website und das ist deine responsive Website und
Sie können das iPhone überprüfen und hier wählen 100% sieht man jetzt wie iPhone aussehen
schließe es und schließe es und hier das ist eine nicht reagierende Website wie
Responsive Website erstellen, jetzt ziehen und in Notepad plus plus und CSS fallen lassen
Drag and Drop und wir müssen zuerst kopieren und fügen Sie unter dem Kopf-Tag des Indexes ein
Index Punkt HTML, also lass uns gehen style sheet it und hier setzen wir die Darstellungsbreite
Ihre Gerätebreite Entschuldigung Breite Gerätebreite in der Initiale
Maßstab 1.0 bedeutet, dass wir Sie hier neu laden kann einige Änderungen sehen, aber nicht reagieren
hier müssen wir komplett erstellen reagieren so hier tippen wir zuerst @
Medienbildschirm und maximale Breite: 800px und hier brauchen wir geschweifte Klammer unter
geschweifte Klammer wird Klassenselektor setzen wie Hauptabteilung kopieren und einfügen
Hier
Wir haben uns hundert Prozent entschuldigt hier setzen wir jetzt neunzig Prozent
Strg, um diese Seite zu speichern und neu zu laden kann sehen, 90 Prozent Gewicht ist Arbeit jetzt wir
müssen zu diesem Menü und hier sind wir gegangen und rechts kopieren Sie es voll Klassenselektor und
hier hier einfügen wir brauchen jetzt zu hundert Entschuldigung 100 Prozent links a
und richtig und jetzt diese Seite neu laden kann sehen und hier ist ein Problem im Menü
jetzt gehen wir oben links hier finden wir Höhe entfernen Strg s zum Speichern und neu laden
Diese Seite kontrolliert s, um zu speichern und neu zu laden diese Seite
Jetzt müssen wir es entfernen und du kannst es Jetzt sehen wir, dass wir so reagieren müssen
ul li hier kopieren und einfügen hier und kopiere hier einfügen und füge es ein
Jetzt müssen wir aktualisieren, Sie können jetzt sehen Wir brauchen ein und hier setzen wir 100% Paste
Hier klicken, um diese Seite zu speichern und neu zu laden Sie können jetzt sehen, wir überprüfen dies
und du kannst sehen
80% setzen wir hier Backspace-Ctrls an Speichern und laden Sie diese Seite neu und jetzt wir
brauche diesen block wir gehen und block finden a hier kopieren und einfügen und hier einfügen
100% Breite und jetzt diese Seite neu laden Kann sehen, das ist eine Arbeit und jetzt brauchen wir
einige hier setzen margin: 0px padding: 0px du kann Rand oben sehen sorry top
Sie können so erstellen und Sie können kopieren
kopiere es sehr deutlich und du kannst sehen Hauptwahlschalter und oben rechts ul li
und hier müssen wir ctrl einfügen s und laden Sie diese Seite neu, Sie können dies sehen
Das ist jetzt in Ordnung, wir brauchen ein Logo Zentriere also mit der rechten Maustaste darauf und inspiziere das Element
Wählen Sie hier, wir können oben rechts hier sehen brauchen oben rechts, wir gehen nach oben rechts und hier
wir wählen oben rechts img und margin
links 10px ctrl s zu speichern und neu zu laden Seite funktioniert hier nicht jetzt müssen wir
ändern Sie es
Jetzt müssen wir das oben links klären Hier brauchen wir oben links img Kontrolle s und
oben links hier etwas falsch, weil links ist und hier legen wir links und jetzt wir
Aktualisieren oder neu laden Sie diese Seite, die Sie sehen können Einige Änderungen sind hier so, dass wir jetzt brauchen
30PX und laden Sie diese Seite hier neu, die wir brauchen hundert% hundert px und neu laden
Seite, die Sie hier sehen können, legen wir 80px neu laden
Auf dieser Seite können Sie sehen, das ist
responsive Website und wie Erstellen Sie eine responsive Website, die Sie sehen können
und ein anderes Gerät wie hundert Prozent Sie können von dieser Website vergleichen und
das ist Responsive Website und Das ist der Index und inspizieren Sie können
sehen und du kannst sehen
hier setzen wir reaktionsschnell hundert Prozent ein hier setzen wir reagieren Sie können Website sehen
ist reaktionsschnell und in diesem Video-Tutorial lernst du, wie man ein
responsive website also danke für Beobachten bitte stimmen Sie mich ab, danke