it-swarm.com.de

Schnellste Weg, um die Website reaktionsschnell zu machen?

Ich habe Zurb Foundation und Skeleton bereits verwendet, daher kenne ich mich mit beiden aus, musste aber noch nie zuvor eine vorhandene Website in eine responsive Website umwandeln. Was ist die schnellste Methode, um meine Website zu konvertieren? Verwenden Sie ein Framework wie oben oder fügen Sie Media Queries für den bereits bereitgestellten Code hinzu? (Funktioniert das überhaupt?)

16
Joe Bobby

Bestimmen Sie, welche Geräte unterstützt werden sollen, und fügen Sie ein Stylesheet mit etwas entlang der folgenden Zeilen hinzu:

/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
       /* Smaller Resolution Desktops and Laptops */
       [...]
}
@media (max-width: 650px) {
       /* Smaller devices */
       [...]
}
@media (max-width: 450px) {
       /* Even Smaller devices */
       [...]
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
       /* Even Smaller devices */
       [...]
}

Es ist am einfachsten zu testen, ob sie in absteigender Reihenfolge ablaufen. Weitere Beispiel-Medienabfragen hier:

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

29
Matthew Darnell

In meinem Fall muss ich die Website von Grund auf neu schreiben, da meine responsive Style-Datei das Problem nicht gelöst hat. Also schreibe ich meine Styles mit LESS und schreibe ein responsives Stylesheet mit den richtigen Medienabfragen wie Matthew Darnell tun.

Ich bin nicht mit Skeleton vertraut, aber Twitter Boostrap funktioniert gut für mich.

Wenn Sie bereit sind, ein wenig Gehirnarbeit und Migration durchzuführen, gibt es eine Möglichkeit, Grundlagen für ein aktuell vorhandenes Projekt (insbesondere Kompassprojekte) zu installieren.

Sie müssen zunächst Kompass installieren und das Projekt in ein Kompassprojekt umwandeln. Sie können dies ganz einfach über das Code-Kit tun, indem Sie Ihren Projektordner einfach per Drag & Drop in das Code-Kit ziehen. Über diese Seite können Sie auf der Website der Stiftung einige Terminal-Hinweise erhalten. 

http://foundation.zurb.com/docs/sass.html

Sie müssten dann das Terminal öffnen und tippen

cd /path-to-your-project-folder/

dann tippen 

compass install -r zurb-foundation foundation

Sie können versuchen, foundation alleine für eine vorhandene Anwendung zu verwenden, indem Sie vollständig sass (kein Kompass) verwenden. Sie müssen foundation jedoch von der git-Site herunterladen und die scss nacheinander einschließen. Informationen finden Sie auf der oben aufgeführten Seite.

0
user2533956