Jump to content
Sign in to follow this  
SteveBaker

Real-world CSS Units

Recommended Posts

http://www.w3schools.com/cssref/css_units.asp

 

...really ought to mention that according to http://www.w3.org/TR/CSS2/syndata.html#length-units the inch, millimeter and centimeter units are only going to work as you'd expect on desktop devices. On mobile platforms, the spec says that the browser should consider the typical viewing distance of these devices (ie much closer than a desktop display) and scale the display accordingly. Since there is no standard for what that typical viewing distance might be - device and browser manufacturers are at liberty to pick just about any number they feel like...so all bets are off.

 

So even though you go to all the trouble to say "I WANT THIS TO BE TWO INCHES WIDE!!!" - you'll basically be ignored.

 

Using all of the non-standard <meta> stuff to turn off zooming and to prevent the user from manually zooming - you still get results that are between maybe a half and a third of the size you asked for.

 

Basically, these units are useless.

 

Argh!

 

-- Steve

 

Share this post


Link to post
Share on other sites

I believe their main purpose was to be used for documents that are going to be printed. When I tested units on my screen I noticed that a centimeter in CSS is actually 9 millimeters on my screen.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...