URL: https://www.opennet.dev/cgi-bin/openforum/vsluhboard.cgi
Форум: vsluhforumID4
Нить номер: 523
[ Назад ]

Исходное сообщение
"Адаптивная вёрстка"

Отправлено Maxim Chirkov , 23-Янв-17 23:22 
Переделал каркас основных разделов с таблиц на div-ы и @media. При недостаточном экранном пространстве боковая панель убирается и шапка заменяется на легковесный вариант. Как результат, на мобильных устройствах https://www.opennet.dev и https://opennet.ru теперь должны смотреться не хуже, чем mobile.opennet.ru.

При обнаружении любых проблем, особенно если где-то что-то стало разъезжаться или перекрываться - сразу пишите. Особенно интересует работа в Safari, Edge и iOS, так как на реальных устройствах эти платформы не тестировались.

PS. Поддержка lynx и links сохранена.


Содержание

Сообщения в этом обсуждении
"Адаптивная вёрстка"
Отправлено Бубкагоп , 12-Окт-17 08:04 
> Переделал каркас основных разделов с таблиц на div-ы и @media. При недостаточном
> экранном пространстве боковая панель убирается и шапка заменяется на легковесный вариант.
> Как результат, на мобильных устройствах https://www.opennet.dev и https://opennet.ru
> теперь должны смотреться не хуже, чем mobile.opennet.ru.
> При обнаружении любых проблем, особенно если где-то что-то стало разъезжаться или перекрываться
> - сразу пишите. Особенно интересует работа в Safari, Edge и iOS,
> так как на реальных устройствах эти платформы не тестировались.
> PS. Поддержка lynx и links сохранена.

В ios safari адаптвная верстка никакая....
Скриншот: http://s11.radikal.ru/i183/1710/0d/81f3449e3e31.png



"Адаптивная вёрстка"
Отправлено Maxim Chirkov , 12-Окт-17 08:30 
> В ios safari адаптвная верстка никакая....

Немного поменял, проверьте сейчас. Если не изменилось, посмотрите какой из блоков в нижней части растягивает страницу. Страницы с новостями тоже проблемно отображаются?


"Адаптивная вёрстка"
Отправлено Аноним , 03-Ноя-17 15:53 
На https://www.opennet.dev/openforum/vsluhforumID4/523.html вижу примерно то же, страницу растягивает строка "форумы      правила/FAQ      поиск      регистрация      вход/выход      слежка      RSS" (я выделил и скопировал, но визуально между словами по одному пробелу)

На странице ответа тут же (https://www.opennet.dev/cgi-bin/openforum/vsluhboard.cgi?quot...) поле ответа слишком широкое, примерно 2+1/3 ширины экрана, остальные поля короче, но всё равно на экран не уместятся если не уменьшить масштаб.

IceCat 52, Android, 1920x1080.


"Адаптивная вёрстка"
Отправлено Аноним , 16-Ноя-17 16:35 
Ещё одна деталь: речь о портретной (вертикальной) ориентации экрана. Если повернуть боком, то на странице ответа всё влазит идеально. Могу проверить на других и/или прислать скриншоты.

И небольшая просьба: не могли бы вы в инпуте для капчи добавить атрибут autocomplete="off" как описано тут[0]? Капча всегда разная, и выпадающий список ранее введённых кодов лишь мешает.

[0]: https://developer.mozilla.org/en-US/docs/Web/Security/Securi...


"Адаптивная вёрстка"
Отправлено Maxim Chirkov , 16-Ноя-17 20:11 
autocomplete поставил, размер форм ввода и растягивающее экран меню переделал. Как сейчас?

Есть идеи что еще поправить?


"Адаптивная вёрстка"
Отправлено Аноним , 17-Ноя-17 09:11 
Спасибо! Лучше. Идеи есть, но пока и этого хватит. Под настроение буду понемногу отписываться.