[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: На компе всё ок, а на смартфоне нет
Master812
Всем привет!:)

Доделываю до конца свой сайт raspberry-pi.in Возникла одна проблема. Верхнее меню должно быть на всю ширину экрана! Если заходить на сайт с компьютера, то всё норм, оно как и нужно на всю длину. Но стоит зайти с любого браузера на Андройде или iOS, то оно обрезается справа где-то над правой колонкой. Из-за чего это происходит ума не приложу. Буду рад вашей подсказке:)
VeRTak
Master812

Так откуда ж оно будет, если нет адаптации под мобильные устройства
kaww
Цитата (Master812 @ 31.10.2017 - 06:28)
Но стоит зайти с любого браузера на Андройде или iOS

или уменьшить окно десктопного браузера, чтобы появился горизонтальный скролл
Цитата (Master812 @ 31.10.2017 - 06:28)
Из-за чего это происходит ума не приложу.

Вам стоит разобраться в блочной модели. Проблему можно исправить так:
#menu {
display: inline-block;
}
Master812
Цитата (kaww @ 31.10.2017 - 10:25)
Цитата (Master812 @ 31.10.2017 - 06:28)
Но стоит зайти с любого браузера на Андройде или iOS

или уменьшить окно десктопного браузера, чтобы появился горизонтальный скролл
Цитата (Master812 @ 31.10.2017 - 06:28)
Из-за чего это происходит ума не приложу.

Вам стоит разобраться в блочной модели. Проблему можно исправить так:
#menu {
display: inline-block;
}

kaww, если применить вашу подсказку то становится всё наоборот - на мобильнике отображается правильно, а на компе нет.
Продывал прописывать так, но не помогло:

@media handheld {
#menu {
display: inline-block;
}
}
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.