Responsive web design - Introduction

What is responsive web design?

Responsive web design will make your webpage look good on all devices.

Ο σχεδιασμός ρεσπανσικής ιστοσελίδας χρησιμοποιεί μόνο HTML και CSS.

Ο σχεδιασμός ρεσπανσικής ιστοσελίδας δεν είναι πρόγραμμα ή JavaScript.

Σχεδιασμός για την καλύτερη εμπειρία όλων των χρηστών

Μπορείτε να χρησιμοποιήσετε πολλά διαφορετικά συσκευές για να δείτε την ιστοσελίδα: επιτραπέζιοι υπολογιστές, tablet και τηλέφωνα. Απάρτε οποιαδήποτε συσκευή χρησιμοποιείτε, η ιστοσελίδα σας πρέπει να φαίνεται όμορφη και εύχρηστη.

Η ιστοσελίδα δεν πρέπει να παραλείπει πληροφορίες για να ταιριάζει σε μικρότερα συσκευές, αλλά πρέπει να κάνει το περιεχόμενό της κατάλληλο για κάθε συσκευή:


Επιτραπέζιος υπολογιστής

Tablet

Τηλέφωνο

Αν χρησιμοποιείτε CSS και HTML για να προσαρμόσετε το μέγεθος, να κρύψετε, να συρρικνώσετε, να επεκτείνετε ή να κινήσετε το περιεχόμενο ώστε να φαίνεται καλά σε κάθε οθόνη, τότε αυτό ονομάζεται σχεδιασμός ρεσπανσικής ιστοσελίδας.

Αν δεν καταλαβαίνετε τα παρακάτω παραδείγματα, μην ανησυχείτε, θα αναλύσουμε το κώδικα βήμα προς βήμα στο επόμενο κεφάλαιο:

Δοκιμάστε το Εγώ