Estaba jugando con CSS adaptable cambiando el tamaño de mi ventana de Google Chrome cuando noté que la página Twitter Bootstrap parece "hacer fallar Google Chrome" en ciertas ocasiones.¿Por qué twitter bootstrap "hipo" en Google Chrome al redimensionar?
Pasos para reproducir (desde un ordenador de escritorio):
- empezar con una pestaña de Google Chrome en blanco, pantalla completa
- Visita http://twitter.github.com/bootstrap/
- Poco a poco hacer que la ventana más estrecha, dejando ir el ratón cada 100 píxeles o menos.
- Continúe hasta que obtenga la "versión totalmente móvil", a alrededor de 400px (el botón azul "Ver proyecto en github" está encima del botón blanco "Descargar Bootstrap", y ambos tienen ancho completo).
- Ahora haga que la ventana vuelva a ser gruesa, dejando que el mouse vaya después de cada 20 píxeles más o menos.
más probable es que obtendrá un comportamiento extraño al hacer los pasos 4 o 5 - Chrome se confunde acerca de los tamaños o se olvida de robar una región vertical de la página (que se vuelve blanco). También he logrado obtener un "panel lateral fantasma" en algunas ocasiones excepcionales.
que he probado en dos ordenadores diferentes, y sigo teniendo los mismos problemas (tanto el uso de Ubuntu 12)
La cosa es, que responden a otros sitios no tienen este problema. Ver por ejemplo http://css-tricks.com/. Puede cambiar su tamaño todo lo que quiera, y Chrome nunca tiene problemas para renderizar los múltiples diseños que tiene (de hecho, tiene más diseños que Twitter bootstrap).
Así que solo puedo concluir que este problema es específico de twitter-bootstrap. Probablemente relacionado con la forma en que se escriben las reglas CSS o el contenido HTML, o tal vez relacionado con la forma en que se estructuran los archivos.
Estoy usando twitter bootstrap como base para uno de mis sitios, y me gustaría resolver este problema. ¿Alguien tiene alguna idea sobre cómo proceder?
no tengo este problema en el sitio de arranque. Sé que a veces sí lo hago en otros sitios web. Generalmente son los más "pesados". Las sombras, la opacidad, las transformaciones tridimensionales y el radio de borde tienden a aumentar las posibilidades. Además, lo noto más en mi iMac casero más lento que en mi trabajo más rápido. – will
Realmente no importa. Yo también lo he enfrentado. Nunca tuve un problema al usar mi sitio en iPad, iPhone o iMac. –
No estoy seguro si veo algo terriblemente incorrecto en mi máquina (Chrome/Win7). ¿Qué es exactamente lo que estoy buscando? Los botones no cambian de tamaño (ancho completo) perfectamente entre un cierto rango de píxeles es lo único que puedo ver. – PJH