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
- ¿Cómo es que datawind puede hacer una tableta aakash a este bajo costo?
- ¿Cuáles son los problemas de seguridad causados por el sistema de permisos de Android?
- ¿Cómo puedo rootear mi Samsung J7-6 a Android 7.0?
- ¿Es iOS el mayor defecto del iPhone (producto)?
- ¿Es posible subir contenido a Google Drive desde un Android utilizando datos en lugar de WiFi?
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.