Css media queries pc and mobile

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

Source: stackoverflow.com

Similar codes

0 vote338 views1 answer
React use global css
CSS
0 vote308 views1 answer
Nokogiri xml diff
CSS
2 votes247 views1 answer
How to disable div onclick in javascript
CSS
4 votes273 views2 answers
Html css rounded corners with mark
CSS
43 votes290 views4 answers
What is a max and min width media query
CSS
2 votes278 views1 answer
How to apply hover through inline css
CSS
1 vote285 views1 answer
How to view downloading speed
CSS
1 vote256 views1 answer
Ionic ios remove button appearance
CSS
1 vote273 views1 answer
Scroll-behavior not working
CSS
6 votes279 views2 answers
How to make all the columns equal size with flexbox
CSS