Soporte del navegador CSS3 diseño del módulo

StackOverflow https://stackoverflow.com/questions/1242683

  •  12-09-2019
  •  | 
  •  

Pregunta

Estoy tratando de averiguar qué navegadores actualmente (nativa) apoyar la el módulo de disposición CSS3 .

Básicamente, estoy desarrollando para un entorno específico en el que puedo especificar lo que los navegadores de usar, y CSS 3 a acelerar los tiempos de desarrollo, por lo que eh? - ¿por qué no

Lo que estoy hablando específicamente es 

body {
   display: 'aaa'
            'bcd';
}

y ser capaz de ranurar elementos de la página en el diseño de este modo: 

div#div1 { position: a; }
div#div2 { position: b; }

(div1 es la cabecera, y div2 es una barra lateral izquierda)

¿Fue útil?

Solución

Estoy bastante seguro de los navegadores no hay actualmente implementan. Y yo no esperaría que cualquier navegador de ponerlo en práctica en el corto plazo tampoco.

Simplemente no es lo suficientemente maduro todavía. Es sólo una borrador de trabajo y todavía tendrá una gran cantidad de atención y discusión antes de que se va a convertir en ejecutores del navegador algo va a empezar a tener un ir en. Por ejemplo, hay (al menos) 2 propuestas relacionadas: rejilla de posicionamiento y < a href = "http://snook.ca/archives/html_and_css/matrix-layouts" rel = "nofollow noreferrer"> Layout Matrix .

es en gestor de fallos de Mozilla , pero por el momento que es poco más que un marcador de posición para la futura atención. No pude encontrar ninguna mención de él en absoluto en el seguimiento de errores Webkit.

Si desea obtener más información sobre el estado actual de estos módulos de disposición, se debe seguir la lista de correo www-style .

Otros consejos

Opera tiene el mejor soporte CSS 3, seguido de WebKit (Safari). Sugiero probar en Opera para ver qué funciona.

Aquí hay una tabla de compatibilidad (puede estar fuera de fecha) http://geocities.com/seanmhall2003/css3/compat.html

éste parece mejor: http://westciv.com/iphonetests/

Tenga en cuenta que la mayoría de las propiedades de CSS3 son compatibles a través de un prefijo (ya que no es css3 final). Para la ópera el prefijo es -O- y para WebKit es -webkit-. es decir: -o-text-shadow

.

ACTUALIZACIÓN: Hay una implementación de JavaScript del módulo de diseño: http://a.deveria.com/ csstpl / . no han utilizado yo mismo y viene con la captura que debe esperar a que toda la página se cargue antes de que pueda hacer limpiamente. Si estás escribiendo una aplicación de intranet en una LAN Esto probablemente tendrá un impacto insignificante, pero en una conexión lenta que podría hacer que sus páginas aparecen responde.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top