Объекты веб-страницы выходят за рамки видимости

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

Однако я наткнулся на эту страницу , которая является собственной страницей Google. Почему на Google Nexus 6P (с Android от Google) при использовании браузера Google Chrome страница выглядит так: 

введите описание изображения здесь

Я даже не могу нормально посмотреть это видео, не говоря уже о том, чтобы поставить его на паузу, не развернув его на весь экран.

Если Google даже не может предотвратить возникновение подобных проблем, часть компании считает, что это должно быть довольно сложно с точки зрения разработки. Я не знаю, есть ли какие-либо пользовательские методы, чтобы избежать этого, поэтому я думаю, что мой вопрос:  есть ли способ заставить Chrome всегда отображать такие объекты удобным для использования способом?

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

Ответы (1)

Это не вина браузера, видеоконтейнер имеет жестко заданную ширину 560 пикселей, что составляет около 1960 пикселей на экране Nexus, который сам имеет ширину 1440 пикселей. Это вина веб-мастера, так как можно уменьшить размер контейнера на меньшем экране.

Поскольку браузер просто выполняет свою работу, решений не так много, но вот что я могу предложить:

  • поверните экран (в ландшафтном режиме у вас 2560 пикселей, этого должно быть достаточно);
  • установите «Запрос рабочего стола» в меню Chrome. Опять же, веб-сайт не будет более удобен в портретном режиме, но вы сможете увидеть видео целиком;
  • смотри в полноэкранном режиме.
Примерно этого я и ожидал. Я надеялся, что может быть какой-то способ принудительно масштабировать, но я действительно не ожидал, что это произойдет в версии Chrome для Android. Возможно, надстройка для настольных компьютеров, но, поскольку у Chrome на Android нет надстроек, я не думаю, что это слишком вероятно.
То же самое для текста, который свисает с края, но не позволяет мне прокручивать влево или вправо, чтобы увидеть его? Я обычно могу повернуть свой экран и для них, но это все еще расстраивает.
@SendersReagent, вы имеете в виду конкретный веб-сайт? В любом случае, такая ситуация была бы возможна, если бы слишком широкий HTML-узел содержался внутри другого узла, ширина которого была бы такой же, как ширина экрана (или меньше), и если бы последний не позволял видеть выходящий за пределы контент. К сожалению, часто бывает, что страница не предназначена для мобильных устройств.