Codifiquei um site responsivo, no qual tenho consultas de mídia CSS para detectar o tamanho da tela (pixels) do dispositivo com o qual o usuário está navegando.

Apenas mídias padrão. Exemplo:

@media (max-width: 1199px){
  /*code*/
}
@media (max-width: 991px){
  /*code*/
}
@media (max-width: 767px){
 /*code*/
}

Quando testo meu site com meu celular, que é um Samsung Galaxy S4 com 1920x1080 pixels, meu site mostra a versão móvel, que é a consulta @media com uma largura máxima de 767px.

Entendo que a maioria das coisas seria pequena demais para ser lida ou vista se meu celular respeitasse medidas exatas, como tamanho de fonte de 12px.

Portanto, minha pergunta é: como posso controlar qual versão do meu site é exibida em dispositivos de alta resolução, porque as consultas de mídia em pixels não estão funcionando no meu caso.