О ширине экрана, при которой используется сайдбар

Приветствую. Обладаю планшетом iPad 2018 (iOS 12, последний билд). Дико раздражает тот факт, что при использовании портретного режима сайдбар все ещё отображается, хотя хотелось бы, чтобы контент был развернут на всю ширину.

О ширине экрана, при которой используется сайдбар Предложения по Пикабу, Планшет, Длиннопост
О ширине экрана, при которой используется сайдбар Предложения по Пикабу, Планшет, Длиннопост

, Предлагаю либо увеличить ширину использования версии, в которой открывается меню, до 768 (ширина вьюпорта в портретном режиме), либо реализовать смену стилей через «orientation» (https://developer.mozilla.org/en-US/docs/Web/CSS/@media/orie...), либо детектить вертикальный режим через Javascript несколькими путями, от наиболее свежего, к наиболее простому и широко поддерживаемому : Screen.orientation (https://developer.mozilla.org/en-US/docs/Web/API/Screen/orie...), Window.orientation (https://developer.mozilla.org/en-US/docs/Web/API/Window/orie...), MatchMeida + CSS Query “orientation” (https://developer.mozilla.org/ru/docs/Web/API/Window/matchMe...), тупое сравнения высоты и ширины.

Надеюсь, данное предложение будет услышано и принято к сведению. Тогда читать Пикабу на планшетах станет гораздо проще.

UPD: Судя по картинке из эмуляторов разных устройств, проблема не только в iPad, вопреки словам некоторых комментаторов.
О ширине экрана, при которой используется сайдбар Предложения по Пикабу, Планшет, Длиннопост

Отзывы и предложения по Пикабу

13.1K постов2.7K подписчиков

Добавить пост

Правила сообщества

Сообщество для аккумуляции всего фидбека по Пикабу


Если вы предлагаете новую функцию, опишите подробно:

- Задачу, которую выполняет предлагаемое изменение;

- Возможные плюсы и минусы;

- Версию Пикабу, для которой делаете предложение.


Пожалуйста, имейте в виду, что предложение:

- Должно быть полезным, понятным и простым;

- Должно быть востребованным пикабушниками;

- Не должно создавать визуального нагромождения.

Вы смотрите срез комментариев. Показать все
2
Автор поста оценил этот комментарий

"читать на планшетах" вы забыли "от Эппл", не думаю что подобная проблема встречается на всех планшетах. У меня например Lenovo Tab2.

И сайдбара в вертикали нету.

раскрыть ветку (6)
1
Автор поста оценил этот комментарий

Я лишь уточнил модель, на которой дело происходит. Возможно, что проблема в конкретном устройстве, а на других планшетах все нормально. Я не могу говорить за всех, не имею на это морального права, потому уточняю модель, с предположением, но не утверждением, что это проблема на планшетах в принципе.

раскрыть ветку (5)
1
Автор поста оценил этот комментарий

"Тогда читать Пикабу на планшетах станет гораздо проще."

Цитата ваша. Не моя.

раскрыть ветку (4)
1
Автор поста оценил этот комментарий

Интереса ради, посмотрел, какой экран у вашего устройства. В нем разрешение 1280 х 800, следовательно ширина вьюпорта вашего браузера, скорее всего, где-то около 400 (исторические особенности браузеров, тянущиеся с времён WAP-а), что соответствует вьюпорту среднего смартфона ныне.


У меня же экран 2048х1536, из-за чего вьюпорт браузера на моем планшете составляет 768 пикселей. Я так подозреваю, что интервал появления боковой меню — [768; 992), из-за чего и происходит такая неувязка. В таком случае надежнее определять по ориентации, чего не происходит на сайте.

раскрыть ветку (2)
Автор поста оценил этот комментарий

Кхм, это не парирование вашего сообщения, но небольшое исправление.

Lenovo Tab 2 A7-30DC, на 8гб, имеет экран 1024x600.

раскрыть ветку (1)
Автор поста оценил этот комментарий

Тогда вьюпорт ещё меньше

1
Автор поста оценил этот комментарий

Говорю же, я делаю предположение, что оно встречается и на других планшетах. Основываясь на этом предположении, я и говорю это. Мое предположение может быть и не верно, что подтверждается вашим комментарием.

Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку