Неправильное отображение сайта на мобильных телефонах - Скрипты и коды для юкоз - Форум аццкого кодера
Страница 1 из 11
Модератор форума: Admin, Cибиря4ка, Komoff, Diana 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Неправильное отображение сайта на мобильных телефонах (Как решить проблему с неправильное отображение сайта)
Неправильное отображение сайта на мобильных телефонах
Дата: Пятница, 25.12.2015, 13:34 |
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


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

Помогите решить проблему.


 
Дата: Пятница, 25.12.2015, 15:23 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9096
Награды: 23
Репутация: 457
Статус: Unknown


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

То бишь, вам нужно, что бы сайт в любом разрешении был двухколоночным?
Редактируйте свои стили @media only screen and max-width - именно там прописано это поведение.


 
Дата: Пятница, 25.12.2015, 15:43 |
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


Цитата likbezz, Пт, 25.12.2015, 14:23:55
То бишь, вам нужно, что бы сайт в любом разрешении был двухколоночным?


Совершенно верно.
Поконкретнее можно ответить, что конкретно надо исправить.
Вот мой код в CSS:


 
Дата: Пятница, 25.12.2015, 17:48 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9096
Награды: 23
Репутация: 457
Статус: Unknown


Цитата RedStar, Пт, 25.12.2015, 15:43:20
Поконкретнее можно ответить, что конкретно надо исправить.

Что бы ответить конкретно, мне нужно знать что конкретно вам нужно: минимальное разрешение и прочие многочисленные тонкости - вы же понимаете, что нельзя масштабировать до бесконечности; сроки выполнения работы, и предполагаемый бюджет.


 
Дата: Пятница, 25.12.2015, 17:58 |
RedStar
Лейтенант
Группа: Проверенные
Сообщений: 52
Награды: 0
Репутация: 6
Статус: Offline


Нужно нормальное двух-колоночное отображение с возможностью масштабирования на экране смартфона.
От 1200px до 480px. В коде приведенном мной это прописано.
За основу брался Дизайн # 1321


Сообщение отредактировал RedStar - Пятница, 25.12.2015, 18:02
 
Дата: Пятница, 25.12.2015, 18:09 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9096
Награды: 23
Репутация: 457
Статус: Unknown


RedStar,
Цитата RedStar, Пт, 25.12.2015, 17:58:14
Нужно нормальное двух-колоночное отображение с возможностью масштабирования на экране смартфона.

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

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

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



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

Прикрепления: 7138847.png(30Kb)

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