Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, tudo bem?
Estou desenvolvendo um website responsivo, porém estou com alguns problemas ao tentar encontrar um denominador comum para que o layout funcione bem tanto para desktop, quanto para dispositivos mobile.
Meu problema, tem sido com os dispositivos de alta resolução, que chegam a funcionar com resoluções superiores a 1200px.
Sendo assim, quando declaro um media query com max-width de 960px por exemplo, que é um tamanho legal para notebooks, acaba atingindo também os celulares, o que implica em menus ruins e etc.
Usar o max-device-width acaba impedindo que o layout se adapte de acordo com o resize do browser, além de alguns probleminhas que estou tendo para verificar o real tamanho de meu celular.
Como vocês tem trabalhado com isso?
Carregando comentários...