Jump to content
phdphd

Physical Width (Inches) Of The Screen

Recommended Posts

Hi All,

I am presently working on media queries.

Is there a reliable way to assess the physical width in inches of the screen ?

On my 17-inches laptop, at a 1920-px resolution, I have a web page that displays a series of divs, with 4 divs per row.

At a 1366-px resolution, the same page will display 3 divs per row. (Reducing the divs’ size in order to have 4 divs per row would make them less readible.)

However, there are screen devices wider than 17 inches, but with a 1366-px resolution. On those screens, displaying 4 divs per row, instead of 3, would be appropriate.

Is it possible to play with the physical size of screens in inches ?

Thanks !

Share this post


Link to post
Share on other sites

Don't do that. It won't take into account things like zoom, or people who don't fullscreen their browsers.

You want responsive design.

  • Thanks 1

Share this post


Link to post
Share on other sites

requinix is right - don't worry about the physical size of the screen. As monitors are packing more pixels in per inch it doesn't matter at all. I personally use pixel-based breakpoints for my media queries with rem or percentages for element sizing and placement. It's an approach some people disagree with - I've talked to developers that think using rem or em is the only way to go, I've just not really been able to wrap my head around applying rem or em units to a Photoshop file, and I guarantee the designers here won't do it either.

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.   Restore formatting

  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.


×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.