When you look through CSS and you start seeing the different units of measure, it's helpful to know exactly what they do. To help you better unders...
For further actions, you may consider blocking this person and/or reporting abuse
How can pixels have a constant relation to inches?
A pixel at 1080p on my 17" laptop is surely much smaller (physically) than a pixel at 1080p on my 50" tv?
px aren't pixels.
They are more like an "average pixel" that browsers should scale to real pixels.
This way they are much similar to actual pixels in which developers are accustomed to think in while mantaining their average real size across devices.
I read a bit more about this, and it seems that a Joan is correct. A "CSS pixel" is different from a hardware pixel.
"A CSS pixel, on the other hand, is designed to be roughly equivalent across devices. If you load the same website on side-by-side devices with a similar physical dimensions, but different pixel ratios, the website will appear to be roughly the same visual size."
A good read: juiceboxinteractive.com/blog/a-pix...
I was immediately confused as well. I guess, the author got that one pretty wrong.
Sorry for the confusion guys. I was thinking pt and typing px. D'oh! But I've corrected it above.
Just for clarity, px maps to a pixel on your screen. Pt are the units that are 1/72 of an inch.
I usually explain px by saying to think of it as "1/72" of an inch. Prior to "retina" and other pixel dense screens, it was simply one pixel on the screen. However it doesn't really mean that anymore.
I still encounter people who were told never to use px. However, if you use the "computed" panel in the web inspector, you can see that, ultimately, all units of measurement get converted to pixels anyway. That doesn't mean that other units don't have their advantages, but I do tend to use pixels most of the time. With a few exceptions.
Thanks Milecia for the post.
I always get confused between
rem&emand the post made it clearer for me.When do you use a specific measure over the others? Thanks!
A lot of it comes down to preference, but usually percentages are used for block level elements like <div>.
If you need something that's a fixed size you'd probably go with px.
The others are just a toss up.
I guess vh and vw measures will be more helpful because it adjust based on screen size. But yes, each measure have it's own importance.
Thanks for the explanation. It was simply put and understandable.
Informative. Glad to know. Thanks
Thanks for the short explanation! I'm getting into CSS and this really comes in handy.
I'm glad it was helpful!
Thank you! You helped me a lot!