DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Julio Suarez (Juls Schwartz)
Julio Suarez (Juls Schwartz)

Posted on

ΒΏSabes cuanto mide un "CSS Pixel"?

A traves de las pantallas, existe una medida virtual, que es el Pixel CSS, es compleja su definiciΓ³n, dejo unas ligas sobre mi investigaciΓ³n, luego escribo mas a detalle algo sobre el concepto, por que es muy necesario entenderlo bien cuando nos piden algun proyecto en html canvas.

https://drafts.csswg.org/css-values/#absolute-lengths

The term CSS pixel is synonymous with the CSS unit of absolute length px β€” which is normatively defined as being exactly 1/96th of 1 inch.

Sin embargo, esta norma no se aplica estrictamente, por eso mejor no la compruebes con tu regla, pero tranquilo no te vuelvas loco por eso, simplemente relajate y dejalo ser.

https://riptutorial.com/html5-canvas/example/7515/canvas-size-and-resolution

https://www.w3.org/TR/css3-values/#reference-pixel

https://hacks.mozilla.org/2013/09/css-length-explained/

https://stackoverflow.com/questions/21680629/getting-the-physical-screen-dimensions-dpi-pixel-density-in-chrome-on-androi

https://stackoverflow.com/questions/53233096/how-to-set-html5-canvas-size-to-match-display-size-in-device-pixels

Top comments (0)

DEV

Thank you.

Β 
Thanks for visiting DEV, we’ve worked really hard to cultivate this great community and would love to have you join us. If you’d like to create an account, you can sign up here.