The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]



"Адаптивная вёрстка"
Вариант для распечатки  
Пред. тема | След. тема 
Форум Диалог с администрацией проекта
Изначальное сообщение [ Отслеживать ]

"Адаптивная вёрстка"  +2 +/
Сообщение от Maxim Chirkov email(ok) on 23-Янв-17, 23:22 
Переделал каркас основных разделов с таблиц на div-ы и @media. При недостаточном экранном пространстве боковая панель убирается и шапка заменяется на легковесный вариант. Как результат, на мобильных устройствах https://www.opennet.ru и https://opennet.ru теперь должны смотреться не хуже, чем mobile.opennet.ru.

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

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

Ответить | Правка | Cообщить модератору

Оглавление

Сообщения по теме [Сортировка по ответам | RSS]

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

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


Ответить | Правка | ^ к родителю #0 | Наверх | Cообщить модератору

2. "Адаптивная вёрстка"  +/
Сообщение от Maxim Chirkov email(ok) on 12-Окт-17, 08:30 
> В ios safari адаптвная верстка никакая....

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

Ответить | Правка | ^ к родителю #1 | Наверх | Cообщить модератору

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

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

IceCat 52, Android, 1920x1080.

Ответить | Правка | ^ к родителю #2 | Наверх | Cообщить модератору

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

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

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

Ответить | Правка | ^ к родителю #3 | Наверх | Cообщить модератору

5. "Адаптивная вёрстка"  +/
Сообщение от Maxim Chirkov email(ok) on 16-Ноя-17, 20:11 
autocomplete поставил, размер форм ввода и растягивающее экран меню переделал. Как сейчас?

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

Ответить | Правка | ^ к родителю #4 | Наверх | Cообщить модератору

6. "Адаптивная вёрстка"  +/
Сообщение от Аноним (??) on 17-Ноя-17, 09:11 
Спасибо! Лучше. Идеи есть, но пока и этого хватит. Под настроение буду понемногу отписываться.
Ответить | Правка | ^ к родителю #5 | Наверх | Cообщить модератору


Архив | Удалить

Рекомендовать для помещения в FAQ | Индекс форумов | Темы | Пред. тема | След. тема




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру