Отображение сайта на телефоне

1. jozze (22.09.2015 / 23:37)
Через комп все ОК, может где в CSS, что надо подравить. подскажите, чтобы область , где этот виджет поиска нормально отображалась на телефоне; подстраивалась под экран. Смотрел на Айфоне, даже при боков ориентации все равно выпадает за бок экрана и нельзя посмотреть форму. либо отображается ее часть левая.
ссылка на сайт http://biletdag.ru

Добавлено через 09:19 сек.
шапка сайта и футер отлично подстраиваются под моб.версию. почему основа так не подстраивается. помогите решить проблему

2. jozze (23.09.2015 / 00:13)
форум умер 31здец

3. Viy (23.09.2015 / 01:42)
Попробуй в шапке сайта это прописать
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1.0; user-scalable=0" />
но лучше создать отдельную мобильную версию сайта, потом легче будет создать андроид-приложение

4. jozze (23.09.2015 / 10:31)
3. Viy, не помогло

5. Dmitry Kokorin (23.09.2015 / 11:47)
4. loverman,

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1.0; user-scalable=0">

этот мета-тег в любом случае необходим если ты хочешь Адаптивный дизайн
Почитай тут про media queries

6. jozze (23.09.2015 / 23:27)
5. DimmoS, он прописан . видимо основы сайта див какой-то такой не подстаривающийся. может что-то там надо переделать. потому что шапка и подвал отлично подстраиваются под телефон

7. Нариман (23.09.2015 / 23:35)
у авиасейлс спрашивай, это стиль их формы

8. jozze (24.09.2015 / 14:09)
тогда придется сделать иначе.
если я уберу

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1.0; user-scalable=0">

Сайт не будет подстраиваться под разрешения экрана? будет для всех выводиться одна WEB-версия сайта?

9. Dmitry Kokorin (24.09.2015 / 16:17)
8. loverman, я тебе давал ссылку, выше смотри
Там полное описание этого meta-тега

URL: https://visavi.net/topics/42683