Lo que necesitas se llama diseño web receptivo. Muchos sitios web han comenzado a usar el concepto con el aumento en la cantidad de navegación web realizada en dispositivos móviles. CSS te ayuda a hacer esto con CSS Media Type.
La regla @media permite diferentes reglas de estilo para diferentes medios en la misma hoja de estilo. Por ejemplo, si desea que una determinada pieza de CSS funcione en dispositivos con un ancho de pantalla inferior o igual a 480px, escriba su CSS de esta manera:
@media screen y (ancho máximo: 480px) { // Tu CSS }
Del mismo modo, puede insertar etiquetas de medios para manejar pantallas de diferente ancho.
- Quiero ser desarrollador web en Canadá (Vancouver) y planeo hacer el curso de Tecnología de Sistemas Informáticos. ¿Es la mejor opción disponible?
- Tengo conocimientos básicos de C y HTML / CSS. Quiero ir al desarrollo web. ¿Debo aprender PHP o Javascript primero? ¿Qué tutoriales debo seguir para aprenderlos?
- Cómo integrar mi sitio web de Shopify con mi aplicación Appery.io (HTML, CSS o JavaScript)
- ¿Cómo se construye una API?
- Sé de Excel y algunas macros y tengo algunas ideas que quiero desarrollar en aplicaciones de nube basadas en web. ¿Cómo debo proceder?
Si desea obtener más información sobre la regla de los medios y otros conceptos de CSS, le recomiendo que lea este libro muy útil: El libro electrónico que falta: eBook David: David Sawyer McFarland: Amazon.in: Kindle Store.
También puede consultar el CSS de estos sitios web receptivos:
Leodis Lager | Comience la conversación
130º aniversario de BVLGARI | Jean Christophe Babin CEO
Científico planetario