Los sitios web receptivos son la necesidad del tiempo, tal como dijiste. Si estás planeando una aplicación web y quieres que se abra también en resoluciones más bajas, entonces la liquidez de la aplicación web se vuelve imprescindible.
Si está planeando un sitio web receptivo. he creado un “pegar” aquí
[CSS] Consultas de medios en CSS – Pastebin.com
para que sea más fácil para mí (y para otros) usar consultas de medios para proyectos futuros, ya que me ahorra tiempo para proyectos futuros y podría ayudarlo también.
No estoy seguro si está al tanto de las consultas de css media.
Si no está tan seguro, simplemente abra ese código y coloque sus estilos en las diversas dimensiones. Se aplicará el estilo relacionado con dimensiones particulares.
solo por ejemplo si usas este código en tu hoja de estilo
@media solo pantalla
y (min-device-width: 768px)
y (max-device-width: 1024px) {
pags
{
color: # f00;
}
}
todo el color del texto en la etiqueta
- ¿Qué es mejor, Android Auto o el sistema CarPlay de Apple?
- ¿Qué teléfono inteligente es mejor comprar en India si el aspecto externo del teléfono no me preocupa, el Samsung Galaxy Grand 2 o el HTC Desire 816?
- ¿Cómo restauro los mensajes .vmg de la tarjeta SD de mi teléfono Android?
- ¿Cómo puedo cerrar un eBook activo en la aplicación Kindle en un Android?
- ¿Cómo puedo configurar pantallas de bienvenida separadas para el modo horizontal y vertical en Android?
será rojo para la pantalla 768 a 1024
y si incluye el mismo código junto
@media solo pantalla
y (min-dispositivo-ancho: 320px)
y (max-device-width: 480px) {
pags
{
color: # 0f0;
}
}
todo el color del texto en la etiqueta
será verde para la pantalla 320 a 480
Si comprende este ejemplo, puede incluir sus propias consultas CSS de acuerdo con sus necesidades (resolución de pantalla)
Y no es tanta tarea de alto costo, todo lo que necesita es ser preciso al codificar su aplicación
y si desea construir su aplicación web utilizando un marco receptivo, hay muchos disponibles como bootstrap, fundación, gumby, etc.
Buena suerte para tu aplicación web.