[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта

Тема закрыта

Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » Неправильное отображение сайта на мобильных телефонах

Неправильное отображение сайта на мобильных телефонах
[1] RedStar [25.12.2015, 13:34]
Суть проблемы, создал сайт:
http://wafa.com.ua
Сайт некорректно отображается на мобильных телефонах.
На мобильных телефонах сайт отображается таким образом: шапка сайта, потом слайдер, потом контент и под контентом правая колонка. Т.е сайт выглядит не как двух-колоночный, а как одно-колоночный.
Масштабирование на телефоне не спасает.
Почему-то масштабируется только контент и шапка, а вот правая колонка не масштабируется и располагается под контентом, а не справа от контента.
Между <head> и </head> у меня стоит код: <meta name="viewport" content="width=device-width, initial-scale=1.0" />

Помогите решить проблему.
[2] likbezz [25.12.2015, 15:23]
RedStar,
Цитата RedStar, Пт, 25.12.2015, 13:34:54
Почему-то масштабируется только контент и шапка, а вот правая колонка не масштабируется и располагается под контентом, а не справа от контента.
Помогите решить проблему.

То бишь, вам нужно, что бы сайт в любом разрешении был двухколоночным?
Редактируйте свои стили @media only screen and max-width - именно там прописано это поведение.
[3] RedStar [25.12.2015, 15:43]
Цитата likbezz, Пт, 25.12.2015, 14:23:55
То бишь, вам нужно, что бы сайт в любом разрешении был двухколоночным?


Совершенно верно.
Поконкретнее можно ответить, что конкретно надо исправить.
Вот мой код в CSS:
[4] likbezz [25.12.2015, 17:48]
Цитата RedStar, Пт, 25.12.2015, 15:43:20
Поконкретнее можно ответить, что конкретно надо исправить.

Что бы ответить конкретно, мне нужно знать что конкретно вам нужно: минимальное разрешение и прочие многочисленные тонкости - вы же понимаете, что нельзя масштабировать до бесконечности; сроки выполнения работы, и предполагаемый бюджет.
[5] RedStar [25.12.2015, 17:58]
Нужно нормальное двух-колоночное отображение с возможностью масштабирования на экране смартфона.
От 1200px до 480px. В коде приведенном мной это прописано.
За основу брался Дизайн # 1321


Сообщение отредактировал RedStar - Пятница, 25.12.2015, 18:02
[6] likbezz [25.12.2015, 18:09]
RedStar,
Цитата RedStar, Пт, 25.12.2015, 17:58:14
Нужно нормальное двух-колоночное отображение с возможностью масштабирования на экране смартфона.

Какова цена вопроса и сроки?

Цитата RedStar, Пт, 25.12.2015, 17:58:14
до 480px

Самое широкое у вас меню, и оно статичное (не масштабируемое) ≈ 300 px.



Под контент остается 180-40 - поля и отступы..
Решений несколько:
- убрать лишнее из списка (поля, отступы, элементы);
- сместить ниже, после контента;
- скрыть;
--
Прикрепления: 7138847.png (29.7 Kb)


Полная версия сайта