В мобильном браузере сползает меню

@ExtremeX · Регистрация: 19.12.2013

Студворк — интернет-сервис помощи студентам

Доброго дня!
На сайте прикручено меню, которое представляет из себя набор блоков.
Во всех десктопных браузерах это меню отлично функционирует, ровно показывается.
Ровно показывается оно и в мобильных, но при нажатии на пункт меню в браузере телефона с тачскрином (например самсунг галакси или подобный) появляется баг, при котором граница нажатия "расползается", и области нажатия словно наползают друг на друга. Реальной проблемой получается невозможность точно попасть на конкретный пункт меню. Чтобы попасть, нужно тыкать на один пункт выше.

Визуально это проявляется вот так:

Если телефон повернуть в горизонтальное положение, то проблема практически пропадает.
Понимаю что проблема не столь великая, но буду очень благодарен если подскажете что не так.

@Taatshi · 20.12.2013, 12:14

ExtremeX, ссылку на сайт - по скринам не гадаем

@ExtremeX · 21.12.2013, 12:22 **[ТС]**

Сообщение от Taatshi

ExtremeX, ссылку на сайт - по скринам не гадаем

Спасибо конечно за заботу, но проблема решена.

У меню стояло плавающее значение ширины блоков (auto) и при низких разрешениях (на том же самсунге) область которая тачскрином воспринимается как доступная, просто смещается. Нет, скорее так - она сжимается в комок и расползается вверх о_О
У нокиа это не так заметно (и это не реклама! у нее свои "веселости" тоже есть) На разных мобилках выглядит это по разному, поэтому задолбавшись править под все, принято решение меню переписать полностью, изначально делая его максимально адаптивным для мобил.

Надо честно сказать, помимо самого меню, нужно было обратить внимание на то, как сверстаны соседние блоки выводящие контент, и как они себя ведут при сжимании экрана (куда что лезет иными словами). Речь не о том как отображается визуально, а как отображаются блоки определяемые тачскрином (раз уж про телефоны речь). Заюзав эмулятор от Оперы, стало многое понятно.
В общем, вроде и не в первый раз, вроде и понимаешь "где", а пока не обсмотришь все, не поймешь ))

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

@ExtremeX 6 / 0 / 0 Регистрация: 19.12.2013 Сообщений: 10

	В мобильном браузере сползает меню 19.12.2013, 15:58. Показов 1835. Ответов 2 Метки нет (Все метки) Доброго дня! На сайте прикручено меню, которое представляет из себя набор блоков. Во всех десктопных браузерах это меню отлично функционирует, ровно показывается. Ровно показывается оно и в мобильных, но при нажатии на пункт меню в браузере телефона с тачскрином (например самсунг галакси или подобный) появляется баг, при котором граница нажатия "расползается", и области нажатия словно наползают друг на друга. Реальной проблемой получается невозможность точно попасть на конкретный пункт меню. Чтобы попасть, нужно тыкать на один пункт выше. Визуально это проявляется вот так: Если телефон повернуть в горизонтальное положение, то проблема практически пропадает. Понимаю что проблема не столь великая, но буду очень благодарен если подскажете что не так. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	20.12.2013, 12:14
	ExtremeX, ссылку на сайт - по скринам не гадаем 0