CSS compatível com desktop, mobile e tablets

[acao]

boas

o meu css suporta a navegação de desktop e mobile e tablet,

mas acontece que o mobile (nokia asha 306) entra na secção de tablet em vez de no mobile largura 240.

tenho este css:

@media only screen and (min-width : 10px) and (max-width : 319px){}
@media only screen and (min-width : 320px) and (max-width : 532px) {}
@media only screen and (min-width : 533px) and (max-width : 767px) {}
@media only screen and (min-width : 768px) and (max-width : 992px) {}

e no head

<meta name="viewport" content="width=device-width, initial-scale=1.0">

o que acham que está acontecer?

cumps

acao

[KTachyon]

A não ser que estejas a ver em landscape, não estou a ver razão para isso acontecer.

[acao]

boas

obrigado pelo retorno,

A não ser que estejas a ver em landscape, não estou a ver razão para isso acontecer.

pois não sei o que acontece, apanha o mesmo css das duas maneiras, mas noutros telemóveis com o mesmo tamanho de ecrã funciona bem,

o tamanho do ecrã é de 240 x 400, portanto ele deveria apanhar o 1º ou 2º css e não ele entra no 3º ou 4º. ou até talvez no desktop, porque as imagens ficam muito grandes.

já pensei em adicionar isto ao css:

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) { }

regra foca em dispositivos com alta resolução como os Retina Display e Android modernos.

mas não sei que regras ei-de colocar, se são todos os tamanhos ou não. ou qual o tamanho correto.

fonte:http://blog.caelum.com.br/flexibilidade-em-paginas-para-dispositivos-moveis-com-media-queries/

cumps

acao

[alexviseu]

Que browser esta's a usar? Dependendo do browser, este pode ou nao suportar completamente media queries.