Atualmente trabalhando em um site de design responsivo. Eu uso a consulta de mídia para segmentar diferentes dispositivos com base na largura e resolução da tela.

Eu tenho um cenário onde eu queria usar a resolução da tela para direcionar os dispositivos, mas eu não entendo como isso funciona.

Eu queria verificar tanto min-width e max-width, com que a resolução da tela também pode variar de 97dpi para ipad max resolução 264dpi. Mas isso não parece funcionar. Se eu der uma única resolução min-width: 155dpi para tablet hp carregado funciona. Mas min para a condição de resolução máxima parece não funcionar. Vocês poderiam compartilhar sua ideia?

Para isso eu usei como o código abaixo

@media only screen and (min-width:768px) 
and (max-width:1024px) and (min-resolution:96dpi) and (max-resolution:264dpi){