2012-01-31 17 views
62

¿Puede un CSS px ser una fracción? ¿Está permitido por los estándares? Y si es así, ¿los principales navegadores lo admiten?¿Puede un píxel CSS ser una fracción?

Resumamos las respuestas con la documentación, amigos.

+0

@MetalFrog esta pregunta se origina de una discusión en el trabajo :-) –

+3

Irónicamente, recientemente tuve que usar un píxel fraccionario para obtener una cuadrícula jQuery UI ordenable para el diseño correctamente. Cuando el margen en el marcador de posición era el mismo o un píxel más pequeño que el margen en los elementos circundantes, la cuadrícula se desplazaría por todas partes al arrastrar. El único arreglo (¡y uno de navegador cruzado!) Era disminuir el margen del marcador de posición en 0.5px. Entonces, todo funcionó bien. Ya sea que se trate de especificaciones o no, es principalmente pedante, debes hacer lo que tienes que hacer al final del día. –

+0

¿Existen reglas sobre cómo el broweser debe representar una línea de menos de 1px? Tengo muchas páginas (documentos de Word convertidos a HTML) donde los bordes de la tabla tienen un ancho correspondiente a una fracción de un píxel. Estos se muestran como 1px en IE y firefox pero el borde no es visible en absoluto dentro de cromo – Andy

Respuesta

49

Sí, puede especificar píxeles fraccionarios. Como esto ha sido parte de CSS desde la primera versión, debería ser soportado por cualquier navegador que soporte CSS.

Referencia: CSS 2.1: 4.3.2 Lengths

"El formato de un valor de longitud (denotado por <longitud> en esta especificación ) es un < número > (con o sin un punto decimal) seguido inmediatamente por una unidad identificador (p. ej., px, em, etc.) ".

Cuando los elementos se muestran en la pantalla, la mayoría de los navegadores redondearán naturalmente la posición al píxel más cercano cuando utilicen un nivel de zoom del 100%. En niveles de zoom más altos, notará que se reconocen los valores de píxeles fraccionarios.

+0

¿Tiene alguna documentación que respalde la respuesta? –

+1

@ KeesC.Bakker: Acabo de agregar eso. :) – Guffa

+2

El problema es que los diferentes navegadores funcionan de forma diferente: http://stackoverflow.com/a/5587820/405015 – thirtydot

Cuestiones relacionadas