Estou desenvolvendo um site responsivo e nele defini algumas marcações de CSS com media queries, porém ainda sofro com alguns dispositivos, como exemplo, o Samsung Galaxy S4. Acredito que seja pelo fato dele conter um device-pixel-ratio
igual a 3. Queria saber como faço pra definir media queries pra esse tipo de dispositivo.
Usando Twitter Bootstrap a coisa fica incrivelmente mais fácil, pois ele se adapta a qualquer dispositivo, inclusive no S4, que tem um device-pixel-ratio
"diferente". Acontece que o site já está pronto, refatorar está fora de cogitação.
Existem outros dispositivos que possam me dar dor de cabeça? Devo apenas adicionar uma media query diferente para o dispositivo Samsung Galaxy S4, ou existe alguma forma de fazer com que meu CSS fique semelhante ao Twitter Bootstrap?