que acabo de descargar 320 and up para el diseño de respuesta, las hojas de estilo se dividen de la siguiente manera:marco móvil de 320 y más: ¿por qué las hojas de estilo comienzan en 480?
y print.css, style.css y 2x.css
No entiendo por qué no es una hoja de estilo 320.css, o debería usar style.css para esa resolución?
No, tienes razón. Cualquier cosa que es menos de 480px cargará el styles.css para estas preguntas de los medios, por cortesía de la configuración min-width en las preguntas de los medios:
<!-- For all browsers -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="print" href="css/print.css">
<!-- For progressively larger displays -->
<link rel="stylesheet" media="only screen and (min-width: 480px)" href="css/480.css">
<link rel="stylesheet" media="only screen and (min-width: 600px)" href="css/600.css">
<link rel="stylesheet" media="only screen and (min-width: 768px)" href="css/768.css">
<link rel="stylesheet" media="only screen and (min-width: 992px)" href="css/992.css">
Así que con las amplitudes de dispositivo, los diseños de 0 - 480px (incluyendo 320px) irá en style.css
480 a 600 = 480.css
600 a 768 = 600.css
768 a 992 = 768.css
992+ = 992.css
Pero si usted quiere tener más controles de grano fino sobre la resolución 320 se puede agregar otra consulta de medios:
<link rel="stylesheet" media="only screen and (min-width: 320px)" href="css/320.css">
y luego crear la hoja de estilo en 320.css el directorio css. Esta hoja será buena para las resoluciones 320 - 480. Lo que significa que ahora cualquier cosa menos de 320 cargará style.css.
creo que la idea de dejar que la resolución fuera es que se crearía un diseño un poco de líquido o flexible que funcione para ambas resoluciones ...
Gracias, siento el retraso de mi respuesta – roroland