"Dese±o sensible" refrese ¡ idea de que o seu sitio web debera amosar igualmente en todo desde monitores panor¡micos a telfonos m³biles. ‰ unha aproximaci³n ao dese±o e desenvolvemento web que elimina a distinci³n entre a versi³n amigable do seu sitio web e a sºa contraparte de escritorio. Con dese±o sensible, son o mesmo.
O dese±o receptivo realzase a travs de CSS "consultas multimedia". Pense nas consultas multimedia como unha forma de aplicar condicionalmente as regras CSS. Din ao navegador que debe ignorar ou aplicar certas regras dependendo do dispositivo do usuario.
As consultas multimedia dixannos presentar o mesmo contido HTML que os esquemas de CSS distintos. Ent³n, en vez de manter un sitio web para telfonos intelixentes e un sitio totalmente non relacionado para ordenadores port¡tiles / escritorios, podemos usar o mesmo marcado HTML (e servidor web) para ambos. Isto significa que sempre que engadimos un novo artigo ou edite un erro tipogr¡fico no noso HTML, estes cambios reflctense automaticamente tanto en esquemas m³biles como en pantalla panor¡mica. Esta a raz³n pola que separamos o contido da presentaci³n.
Neste captulo, imos aprender a que as consultas dos medios son realmente s³ un envoltorio fino ao redor da chaira CSS antigos que estivemos traballando con ata este punto. Como descubriremos pronto, realmente moi sinxelo implementar un dese±o sensible. (As imaxes sensibles, por outra banda, son unha historia completamente diferente).
Crear un novo proxecto chamado Responsive-Design e un novo ficheiro chamado Responsive.html. ‰ a p¡xina web m¡is feble que vimos en tempo, pero axudaranos a demostrar algo moi importante na seguinte secci³n:
Styling O teu sitio para que se vexa diferente dependendo do tama±o dunha pantalla que se est¡ a ver co±ecido como dese±o web sensible. No dese±o web, a pantalla que se usa para ver un sitio comunmente referido como unha visualizaci³n.
Para facer que os sitios respondan, podemos usar consultas multimedia CSS. Unha consulta multimedia un bloque de CSS que se aplica s³ cando certas condici³ns sobre a visualizaci³n do usuario son certas. Por exemplo, CSS nunha consulta multimedia que define un ancho m¡ximo de 500px s³ se aplicara cando o ancho do visor do usuario estea en ou por baixo de 500 pxeles.
Constructor de sitios web con modelos para crear unha páxina web facilmente desde PC. Simplemente selecciona peles profesionais da nosa galerÃa con animación flash sorprendente.