¿Cuál es la mejor manera de diseñar un sitio móvil?

Si tiene dos diseños, una versión móvil y una versión de escritorio u, use este código CSS

@media solo pantalla y (ancho máximo: 500 px) {

// Código CSS de la versión móvil, recuerde usar% en lugar de píxel para definir el ancho de su elemento.

por ejemplo,

img {

ancho: 100%;

altura: auto;

}

// estos cambian el tamaño de sus imágenes proporcionalmente sin distorsionar las imágenes, evite usar% o píxeles para definir la altura de la imagen, use auto, lo que significa que la altura de la imagen se escalará proporcionalmente al ancho de la imagen

}

Leer más aquí

Si está buscando simplificar su CSS, puede usar Susy: Power tools para la web como una gran herramienta liviana que tiene muchas capacidades y es especialmente buena en términos de diseño flexible, o si desea ser aún más liviano peso, vaya con Bourbon Neat.

Alternativamente, escriba su propio marco mínimo y manténgalo. No es difícil, si sabes exactamente lo que quieres desarrollar. Mantenerlo pequeño lo obligará a diseñar según sus propias limitaciones, lo cual no es algo malo. Calcule su diseño, los puntos de ruptura que desea usar, los elementos clave (botones, pestañas, tablas) y haga esos. Entonces solo usa lo que has creado.