адаптивная хуевёрстка

sweet15w

Сообщения: 140 Репутация: N Группа: Кто попало

13 марта 2015 г. 9:30

http://jsfiddle.net/dLwvbm4b/

если изменять ширину поля "result" то видно будет какой блок отображается (в зависимости от ширины экрана)
это все декстоп версии работает..

http://www.gvozdikast.trit72.ru/
а вот когда с телефона (iphone 4 IOS 7.1.2) захожу - он отображает блок, который соответствует разрешению экрана в 1020px

как тогда делается дизайн для мобильного телефона?

Спустя 278 сек.

хотя, сходя из этого типо все ок

http://www.responsinator.com/?url=http%3A%2F%2Fwww.gvozdikast.trit72.ru%2F
technobulka

Сообщения: 4540 Репутация: N Группа: Джедаи

13 марта 2015 г. 9:35, спустя 5 минут 29 секунд

Попробуй min-width вместо max-width.

Высокоуровневое абстрактное говно
sweet15w

Сообщения: 140 Репутация: N Группа: Кто попало

13 марта 2015 г. 9:37, спустя 1 минуту 17 секунд

о, нашел где то:

добавил строку

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

и все стало нормльно
phpdude

Сообщения: 26646 Репутация: N Группа: в ухо

13 марта 2015 г. 10:12, спустя 35 минут 47 секунд

@sweet15w, да этой штуки бывает нехватает

Сапожник без сапог
adw0rd

Сообщения: 22959 Репутация: N Группа: в ухо

13 марта 2015 г. 17:27, спустя 7 часов 14 минут 30 секунд

Спасибо, запилил адаптивную подсказку на пыхе для code-блоков)

https://smappi.org/ - платформа по созданию API на все случаи жизни

Пожалуйста, авторизуйтесь, чтобы написать комментарий!

адаптивная хуевёрстка

Войти