HTML Responsive Web Design. Setarea Viewport.
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
HTML Responsive Web Design
Ce este proiectarea web receptivă (HTML Responsive Web Design)?
Responsive Web Design vizează utilizarea HTML-ului și CSS-ului pentru redimensionarea, ascunderea, micșorarea sau mărirea unui site web automat, pentru a-l arăta bine pe toate dispozitivele (desktop-uri, tablete și telefoane):
Notă: O pagină web ar trebui să arate bine pe orice dispozitiv!
Setarea Viewport
Când creați pagini web responsive, adăugați următorul element <meta> în toate paginile dvs. web:
Exemplu:
Iată un exemplu de pagină web fără etichetă meta viewport și aceeași pagină web cu etichetă meta viewport:
Fără etichetă meta viewport:
Cu etichetă meta viewport:
Ce este proiectarea web receptivă (HTML Responsive Web Design)?
Responsive Web Design vizează utilizarea HTML-ului și CSS-ului pentru redimensionarea, ascunderea, micșorarea sau mărirea unui site web automat, pentru a-l arăta bine pe toate dispozitivele (desktop-uri, tablete și telefoane):
Notă: O pagină web ar trebui să arate bine pe orice dispozitiv!
Setarea Viewport
Când creați pagini web responsive, adăugați următorul element <meta> în toate paginile dvs. web:
Exemplu:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Acest lucru va seta viewport-ul paginii dvs., care va oferi browserului instrucțiuni despre cum să controlați dimensiunile și scalarea paginii.Iată un exemplu de pagină web fără etichetă meta viewport și aceeași pagină web cu etichetă meta viewport:
Fără etichetă meta viewport:
Cu etichetă meta viewport:
Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
