Разрешения экранов современных девайсов и брейкпоинты media-запросов при верстке макета.

 

 

Параметры Media Queries ( Dekstop first ): 

 

→ Большие экраны :

 

@media only screen and (min-width : 1824px) {}

 

→ Стационары , ноуты : 

 

@media only screen and (min-width : 1224px) {}
 

 

→ iPad ( portrait ) : 

 

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
 

 

→ iPad ( landscape) :

 

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation landscape){}
 

 

→ iPad ( all ) :

 

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}

 

 

→ Mobile ( portrait ) :

 

@media only screen and (max-width : 320px) {}

 

→ Mobile ( landscape) :

 


@media only screen and (min-width : 321px) {}
Тэги:

Комментарии (0)


Оставить комментарий

Success/Error Message Goes Here

TOP