Верстка под моб. устройства. Вопрос

L
На сайте с 17.05.2013
Offline
88
525

Отдал верстальщик верстку в которой блоки:

@media(max-width: 340px) {}

@media(min-width: 768px) {}

@media(min-width: 992px) {}

@media(min-width: 1200px) {}

Подскажите как теперь здесь прописать стили для:

iPhone горизонтально 480 x 320

Android горизонтально (новый) 515 х 295 ?

Пробовал в конце файла со стилями добавлять блок

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

но что-то не помогает.. Не видит оттуда стилей (описываю обычный h2 заголовок для теста )

eis
На сайте с 18.10.2008
Offline
473
eis
#1

luckydan, @media(min-width: 320px) {} - для iPhone

@media(min-width: 295px) {} - для Android

Вертикальное положение или горизонтальное положение - не важно, отрисовка в браузере происходит от ширины экрана, при изменении ориентации экрана меняется разрешение. ☝

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
L
На сайте с 17.05.2013
Offline
88
#2

Если у меня косяк на разрешении 1024х768, то где мне правки вносить?

@media(min-width: 340px) {} или

@media(min-width: 768px) {} или

@media(min-width: 992px) {}

??

I2
На сайте с 07.03.2015
Offline
38
#3

Добавляете еще один медиа запрос.

@media(min-width: 992px) and (max-width: 1024px) {}

Качественная верстка PSD макетов (/ru/forum/974524)
L
На сайте с 17.05.2013
Offline
88
#4

А вообще какие лучше задавать расширения основные? Я так понял, мне немного не правильно задали?

I2
На сайте с 07.03.2015
Offline
38
#5

Да там где хотите что-то поправить, там и добавляете запрос.

Хоть каждые 5px

L
На сайте с 17.05.2013
Offline
88
#6

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

I2
На сайте с 07.03.2015
Offline
38
#7

Допустим я делаю от ширины макета psd, до 290px, а значит что при любой ширине, которая входит в этот диапазон, все будет круто выглядеть.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий