Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Gostaria de saber se as três resoluções que estou usando no media querie é suficiente:
/ Smarthphones no formato "retrato" /
@media screen and (max-width: 479px) and (orientation:landscape){
}
/ Tablets e Smarthphones de segunda geração /
@media screen and (min-width: 480px) and (max-width: 767px){
}
/ Desktops, Laptops e TVs. /
@media screen and (min-width: 768px){
}
Depende.
Qual é o alcance ou objetivo do projeto que vai fazer, tudo é relativo de acordo com as propriedades do css já criado, o media-query somente serve para fazer ajustes.
Qualquer coisa acho que isso responde sua dúvida:
Spoiler
/****************************************************************************
* Tablets em modo paisagem
*****************************************************************************/
@media (max-width: 1024px) {}
/****************************************************************************
* Tablets em modo paisagem ajuste
*****************************************************************************/
@media (max-width: 900px) {}
/****************************************************************************
* Tablets em modo retrato
*****************************************************************************/
@media (max-width: 768px) {}
/****************************************************************************
* Tablets em modo retrato ajuste
*****************************************************************************/
@media (max-width: 700px) {}
/****************************************************************************
* eReaders
*****************************************************************************/
@media (max-width: 600px) {}
/****************************************************************************
* eReaders ajuste
*****************************************************************************/
@media (max-width: 530px) {}
/****************************************************************************
* Smartphones
*****************************************************************************/
@media (max-width: 480px) {}
/****************************************************************************
* Smartphones ajuste
*****************************************************************************/
@media (max-width: 400px) {}
/****************************************************************************
* Iphone
*****************************************************************************/
@media (max-width: 360px) {}
/****************************************************************************
* Iphone ajuste
*****************************************************************************/
@media (max-width: 320px) {}
/****************************************************************************
* Old Mobile
*****************************************************************************/
@media (max-width: 280px) {}
Ah! mas então preciso usar isso tudo?
Não no meu último projeto só precisei fazer acertos em 4 divs quando a resolução máxima for 480