Atualmente trabalho com três queries sempre baseando na largura mínima e largura máxima da tela. A Mobile define de 250px a 480px, a Tablet coloquei como 481px a 1023px e a de Desktop coloquei a partir de 1024px.
Atualmente nos aparelhos que testei estão funcionando com apenas bugs pequenos que não atrapalham o uso porém amigos e desenvolvedores teem relatados problemas de quando a responsavidade do site. O site é o seguinte:
http://webt.pe.hu/bluc/index.html
esse é um domínio de teste, e deixo uma NOTA, tenho apenas a página Cortana pronta, então cliquem no circulo cortana a para ver o corpo do site.
A grande duvida está sendo na declaração dessas queries, tenho que declarar ela baseando tambem na altura? Qual é a melhor maneira de declarar as mesmas? E em html, posso usar alguma meta para ajudar nisso?
EDIT
/* ----------------------------------------------------------------------------------------- */
/* Telas Pequenas */
@media (min-width: 249px) and (max-width: 480px)
{
}
/* ----------------------------------------------------------------------------------------- */
/* Telas Médias */
@media (min-width: 481px) and (max-width: 1024px)
{
}
/* ----------------------------------------------------------------------------------------- */
/* Telas Grandes */
@media screen and (min-width: 1024px)
{
}
/* Geral */
index.css
, você não trata resoluções acima de 1024. E é exatamente nesta que meu monitor se encaixa. Caso queira uma resposta mais completa, a noite terei tempo para ajudar melhor