Device width based on media queries on css

Question

I have written media queries for my latest project and everything just works perfect except for when the screen width is less than 300px , while viewing with the help of emulator on chrome. I want to know if there is any device whose screen is less than 300px. Any answer will be highly appreciated

Thanks beforehand

I wouldn't necessarily worry about this, most devices report a minimum viewport width of 320px. I can't even think of exceptions. — somethinghere
– somethinghere, Commented Mar 23, 2015 at 13:15

Joseph · Accepted Answer · 2015-03-23 16:59:31Z

2

There are devices out there with < 300px wide screen resolution (e.g, the Omate smart watch, HTC Tattoo), but that probably isn't what you need to worry about. Instead, you could use some page analytic software (e.g, Google Analytics, AWStats) and determine, "What resolutions do my users have?"

Trying to make your site work with < 300 px just because a device exists sounds like a lot of work for a niche use case that will probably never run into.

edited Mar 23, 2015 at 16:59

answered Mar 23, 2015 at 13:16

Joseph

13.3k21 gold badges79 silver badges117 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Joseph Over a year ago

No problem. If this answered your question, be sure to click the "checkmark" icon to the left of the answer to mark it as "accepted", thanks!

Collectives™ on Stack Overflow

Device width based on media queries on css

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related