Diseño web responsive
Ejemplos de código
qué es el diseño responsivo
/* Answer to: "what is responsive design" */
/*
Responsive web design is an approach to web design that makes
web pages render well on a variety of devices and window or screen
sizes. Recent work also considers the viewer proximity as part of
the viewing context as an extension for RWD.
In other words, it makes your website look nice on all devices.
To learn Responsive Web Design head over to W3Schools tutorial:
https://www.w3schools.com/css/css_rwd_intro.asp
*/puntos de interrupción de respuesta 2020
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
diseño web responsivo html
<meta name="viewport" content="width=device-width, initial-scale=1.0">
página de respuesta
/*Default CSS layout for narrow screens*/
@media (min-width: 480px) {
/*CSS for medium width screens*/
}
@media (min-width: 800px) {
/*CSS for wide screens*/
}
@media (min-width: 1100px) {
/*CSS for really wide screens*/
}Páginas relacionadas
Páginas de ejemplo relacionadas
En otros idiomas
Esta página está en otros idiomas
empty row
Русский
..................................................................................................................
English
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Slovenský
..................................................................................................................
Балгарскі
..................................................................................................................
Íslensk
..................................................................................................................
Popular en esta categoría
Páginas populares con ejemplos en la categoría
empty row