Ich habe mehrere kostenlose Responsive-Layouts heruntergeladen (Sie können sie einfach durch Google finden, wenn Sie neugierig sind) und ich sehe, dass das Layout mindestens ein oder zwei Javascript-Dateien enthält.
Die Frage ist: Javascript ist wichtig, um ein responsives Layout zu erstellen?
Dann, in der Antwort auf diese Frage ist "nein" und Sie haben auch die Möglichkeit, ein freies responsives Layout nur mit HTML und CSS zu verbinden, gut, Sie erhalten ein wundervolles großes Dankeschön.
Der springende Punkt bei responsiven Layouts ist, dass es nur mit CSS3-Medienabfragen gemacht werden kann (und sollte).
Dies kann jedoch oft ein cleveres HTML-Design erfordern, besonders wenn Sie ein Slide-In-Menü haben möchten (Hinweis: :active kann in Verbindung mit tabindex sehr mächtig sein, um ein ansonsten "inertes" Element zu reagieren Ereignisse wie einen Link anzuklicken) und viele Entwickler können einfach nicht damit belästigt werden, besonders wenn jQuery so leicht verfügbar ist.
Im Grunde genommen können Sie also nur mit CSS ein responsives Layout erstellen. Und wenn dir das gelingt, herzlichen Glückwunsch! JavaScript kann verwendet werden, um die Dinge zu vereinfachen, aber im Allgemeinen, wenn Sie denken, dass Sie es brauchen, müssen Sie wahrscheinlich nur darüber nachdenken, wie Sie Dinge tun.
Leider habe ich keine Links zu JavaScript-reaktionsschnellen Layouts für Sie, weil ich sehr DIM bin - Doin 'It Myself!
Zurück bearbeiten Obwohl ich Martijns Demonstration der Verwendung von JavaScript zur Erstellung von Bildern mit variabler Auflösung in Abhängigkeit von der Bildschirmgröße zu schätzen weiß, können Bilder mit SVG reaktiviert werden, wenn dies möglich ist. Wenn dies keine Option ist, sollten Sie einen Container mit background-image verwenden - nur das Bild, das der Medienabfrage entspricht, wird geladen:)
Manchmal ja, manchmal nein.
Zuerst verstehen, was ist Antwort-Layout: Responsive Layout ist derjenige, der sich dynamisch ändert. Abhängig von der Bildschirmgröße des Browsers. Damit passt es perfekt auf jeden Bildschirmtyp, Größe, Auflösung etc. Damit das Layout der Website nicht bricht.
Sie können einfach die CSS3-Medienabfrage verwenden, um das Layout zu ändern, oder Sie können jQuery oder ein anderes JavaScript verwenden, um dies zu ermöglichen.
Aber denken Sie daran, JavaScript ist nicht erforderlich, um das Dokument Responsive zu machen.
Manchmal schreibt der Entwickler den Code besser mit JavaScript, z. B. jQuery API. So würde er es leicht finden, den Code in jQuery zu schreiben, um alle Ereignisse im Browserfenster dynamisch zu behandeln, um eine Responsive Website zu erstellen.
Ich selbst würde es ziemlich leicht finden, den Code in jQuery im Vergleich zu CSS zu schreiben. Zu diesem Zweck müsste ich die jQuery-Quelldatei dem Dokument hinzufügen, um es so zu rendern. Sonst werde ich nicht in der Lage sein, die Responsivität in der Website zu erstellen oder ich müsste mich an das reine JavaScript halten.
Beispiel wäre:
%Vor%Einige Entwickler sind gut in CSS (CSS3 und seine Media-Abfragen auch). Daher versuchen sie, CSS3 zu verwenden, um das Dokument zu rendern und es reaktionsfähig zu machen.
CSS3 ist wirklich viel einfacher als jQuery und es wäre hilfreich, es zu benutzen. Es würde auch nicht erforderlich sein, dass irgendeine der Skriptdateien enthalten wäre. Sie können den Code einfach in die Standard-CSS-Datei schreiben. Und die Änderungen würden entsprechend gemacht werden.
%Vor%Wenn Sie einfaches CSS verwenden und anschließend CSS3 Media Queries verwenden, um das Layout der Website zu ändern, können Sie nur die Bildschirmgröße und andere Elemente erkennen. Sie können nicht nach den Eigenschaften des Browsers oder dem Inhalt auf dem Bildschirm usw. suchen.
Beide Antworten sind akzeptabel. Nein, wenn du vorgibst, mit etwas wie einer Flash-Site zu arbeiten, was ich kaum entmutige.
Ja, weil JavaScript ist wichtig, das zu tun, CSS3 / HTML5 sind Lösungen für Ihren Fall, aber sie kommen mit einigen Javascript-Funktionen, die Sie nicht sehen, so gibt es Javascript.
Standardmäßig reagierend
Nein, Sie benötigen kein JavaScript für Responsive Webdesign. Es ist notwendig für diejenigen coole Fly-Outs und Schiebe-Effekte.
Wenn Sie eine Website in reinem CSS erstellen, müssen Sie möglicherweise Kompromisse eingehen, z. B. ein anderes Menülayout oder immer den Inhalt der Seitenleiste. Slider sind ein Problem.
Aber bedenkt das:
Wenn Sie darüber nachdenken, ist responsives Layout keine neue Sache. Öffnen Sie eine einfache HTML-Datei in einem Webbrowser, und der Inhalt passt sich automatisch an die Breite des Browsers an. Das Web reagiert selbstständig - standardmäßig. Wir haben es all die Jahre damit gebrochen, Inhalte in Container mit fester Breite zu legen.
Andy Hume in "Reaktionsschnell", Ссылка
Tags und Links javascript css css3