Resolution 176px not compatible with Media Queries

Question

I’m using these examples of media queries below,more when testing the resolution in cell phones 176 pixels has no effect whatsoever, which are the right properties for this?

@media screen and (min-width:320px) { }
@media screen and (min-width:480px) { }
@media screen and (min-width:600px) { }
@media screen and (min-width:768px) { }
@media screen and (min-width:992px) { }

Answer 1

Following the logic you used, none of these rules apply to a 176px wide screen.

See that you use the min-width. That is, the CSS will only be applied if the width is equal to or greater than the given value.

You have two options: create a new rule:

@media screen and (min-width:176px) { }

Or change the first rule using max-width:

@media screen and (max-width:320px) { }