He codificado un sitio web receptivo, en el que tengo consultas de medios CSS para detectar el tamaño de pantalla (píxeles) del dispositivo con el que el usuario está navegando.

Solo medios estándar. Ejemplo:

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

Cuando pruebo mi sitio web con mi móvil, que es un Samsung Galaxy S4 con 1920x1080 píxeles, mi sitio web me muestra la versión móvil, que es en este caso la consulta @media con un ancho máximo de 767px.

Entiendo que la mayoría de las cosas serían demasiado pequeñas para leerlas o verlas si mi dispositivo móvil respetara medidas exactas como el tamaño de letra de 12px.

Entonces mi pregunta es, ¿cómo controlo qué versión de mi sitio web se muestra en dispositivos de alta resolución, porque las consultas de medios de píxeles no funcionan en mi caso?