¿Es esta una forma correcta y válida de configurar consultas de medios?

   

¿Es esta una forma VÁLIDA de configurar una hoja de estilo (NormalTouchPhones.css) dirigida a todos los teléfonos táctiles normales, pero no a la pequeña Nokia? que tiene una extensión de 352px, y una altura de 416 px? Y luego esto es para los más pequeños.

 media= "all and (mid widht: 175px) and (max-widht: 353px) and (min-height: 207px) and (max-height: 321px)and not desktop" href="smallNokias.css" 

También tengo esto en mi archivo de índice.

   

También he establecido mi hoja de estilos descendente, escritorio en la parte superior, luego mis blocs de notas, luego mis teléfonos táctiles más grandes, y luego el más pequeño de los teléfonos, como Nokia y Sony-Ericcson. ¿Funcionará correctamente? Gracias por cualquier comentario, tanto para mejorar o, con suerte, confirmar que he abordado esto correctamente 🙂

     

Esto está funcionando ahora, gracias por la guía 🙂

Solo parece ser un problema, puse (-webkit-device-pixel-ratio: 2.0), y esto apunta google chrome, en mi móvil.

Para que Google Chrome y el navegador de Internet estándar compren el mismo contenido en mi Galaxy s3. Tal vez esté mal hacer esto? ¿Google Chrome 2.0 y Safari no? La misma hoja de estilo sin la proporción dispositivo-píxel establecida en 2.0, le da a mi internet móvil lo que quiero, pero no google chrome en el móvil. No tiene ningún efecto en mi navegador Chrome de escritorio.

Pero safari … En macbook air, veo lo mismo que en el móvil, y las ideas de por qué, y cualquier forma de resolver esto?