375(33)640-98-68
375(29)935-83-38
Tikets
info@siteapp.by

Размеры для адаптации сайта "Мобильная версия"

Размеры для адаптации сайта
Вылаживаем размеры которые используем для мобильной версии сайта. Но так же стоит не забыть, чтоб показывался мобильный сайт в гаджетах, нужно в шапке <head></head> Вставить код:
 
<head>
......
<meta name="viewport" content="width=device-width, initial-scale=1.0">
......
</head>
После этого создать файл .css и уже туда вписать код:
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {

}



/* Smartphones (portrait) ----------- */
@media only screen
and (max-width: 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {

}

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

}

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

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width: 1224px) {

}

/* Large screens ----------- */
@media only screen
and (min-width: 1824px) {

}

 

Рейтинг: 5/5 - 326 голосов

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




Разрешённые теги: <b><i><br>Добавить новый комментарий:


Мы не пытаемся кричать что мы лучшие, просто делаем работу которая нравится.