Los objetos de la página web se extienden más allá de la visibilidad

Por lo general, cuando veo problemas con la página web móvil, lo atribuyo a que el desarrollador del sitio no hizo que la página sea universalmente compatible con dispositivos móviles. A veces son videos que se extienden más allá de los límites de la pantalla y no puedo alejar, a veces es texto.

Sin embargo, encontré esta página que es la propia página de Google. ¿Por qué en el Nexus 6P de Google (con Android de Google) usando el navegador Chrome de Google, la página termina luciendo así: 

ingrese la descripción de la imagen aquí

Ni siquiera puedo ver ese video correctamente, y mucho menos pausarlo, sin ampliarlo a pantalla completa.

Si Google ni siquiera puede evitar que surjan problemas como este, parte de él piensa que debe ser bastante difícil desde el punto de vista del desarrollo. No sé si hay algún método de usuario final para evitar esto, así que supongo que mi pregunta es: ¿Hay  alguna manera de obligar a Chrome a mostrar siempre objetos como este de una manera utilizable?

Nota: tengo habilitado el zoom forzado, pero desafortunadamente eso solo garantiza la capacidad de acercar y no permite la opción de alejar lo suficiente para encerrar todo el contenido en las páginas a las que hago referencia.

Respuestas (1)

No es culpa del navegador, el contenedor de video tiene un ancho codificado de 560 px, eso es aproximadamente 1960 px en la pantalla de Nexus, que a su vez tiene un ancho de 1440 px. Eso es culpa del webmaster, ya que es posible hacer que el contenedor sea más pequeño en una pantalla más pequeña.

Como el navegador simplemente hace su trabajo, no hay muchas soluciones, pero esto es lo que puedo sugerir:

  • gira la pantalla (en modo horizontal tienes 2560px, eso debería ser suficiente);
  • configure "Solicitar sitio de escritorio" en el menú de Chrome. Nuevamente, el sitio web no será mucho más útil en modo vertical, pero podrá ver el video completo;
  • Míralo a pantalla completa.
Eso es lo que esperaba. Tenía la esperanza de que hubiera alguna forma de forzar el escalado de alguna manera, pero realmente no esperaba que fuera probable en la versión de Android de Chrome. Tal vez un complemento en el escritorio, pero dado que Chrome en Android no tiene complementos, no pensé que fuera muy probable.
¿Ocurre lo mismo con el texto que cuelga del borde pero no me permite desplazarme hacia la izquierda o hacia la derecha para verlo? Por lo general, también puedo girar mi pantalla para estos, pero aún así es frustrante.
@SendersReagent, ¿se refiere a un sitio web específico? De todos modos, tal situación sería posible si un nodo HTML demasiado ancho estuviera contenido dentro de otro nodo cuyo ancho fuera el mismo que el ancho de la pantalla (o más pequeño) y si este último no permitiera que el contenido desbordado fuera visible. Desafortunadamente, es común que una página no se haya diseñado pensando en los dispositivos móviles.