minimum width of different devices in html

Solutions on MaxInterview for minimum width of different devices in html by the best coders in the world

showing results for - "minimum width of different devices in html"
Luna
20 Mar 2016
1body {
2  background: white;    
3}
4
5@media screen and (min-width: 980px) /* Desktop */ {
6  body {
7    background: red;
8  }
9}
10
11@media screen  and (max-width: 979px) /* Tablet */ {
12  body {
13    background: blue;
14  }
15}
16
17@media screen and (max-width: 500px) /* Mobile */ {
18  body {
19    background: green;
20  }
21}
Yuri
12 Jun 2018
1<meta name="viewport" content="width=device-width,initial-scale=1">
queries leading to this page
css for media screen 40screen width csscss mobile screen small 40media only screen and 28min width 3a765px 29 javascriptcss screen sizes 40mediaminscreenwidth and max screenwidthhow to make a media for min width cssmedia query css for all devices with height and widthadd media queryscreeen width cssmin device widthcss media query max widthmax width and min width in css media querycss media min size 40media screenhow to use 40media at cssmedia query min and max width cssscreen size cssmedia query 2bmedia query css for small screensmin divice width in devicew3 schools media queriesmedia query css for particular widthcss and rule with media querymedia query device width vs widthmedia and query 40medea css file in tagdevices between 699px and 647pxless 40media max width examplehtml css media queries screenwidth based on devicemax width screen size cssmax width css media responsivemedia query in csshow to add query for screen size cssmin max in css 40mediacss media queriesswhat is device min width and max width for desktopcss device widthmedia queries of rmii mum and maximum screenmedia query min widthcss for small screenscss query mediahow to do css media query 40media css for selectorcss 40media quireswhat does 40media 28min width 3a 768px 29 mean in css 40media screen and 28max widthhow to 40media querymedia min max widthmedia min and maxcreate css style for diffrent screen size by javascriptmedia query css min and maxhtml media screen max widthcss how to use 40mefiaif width is greater than height javascripthow to media querymax xscreen widthhtml in media query 40media screen and 28min max 3amedia query viewport widthmin width max width css 40media query maxcss3 media query min and maxmedia screen in htmlmedia responsive cssmedia query for a specific widtha mobile device has a screen width of 320px then the viewport width of the device will be set toimmersive reader 281 point 29 300px 320px 480px 980pxcss min max media queryhtml media min widthmax width device css to divdifferent device widthccs device widthscreen width cssmax width css media 40media rules for mobilr in cssmediaquery andwhat browser dimensions will meet the media query below 3fhow to apply media query in cssmeadia querymedia query css max width and min width 40media only screen examplesss media querymin max media queary for cssmedia queries in cssmin width csswhat does 40media do in cssmedia queries 40media for small screenshtml media querycss screen widthmedia queries based on e2 80 98width e2 80 99 2c not e2 80 98device width e2 80 99minimum width of different devices in html 40media query in cssmedia query csswidthcss media queriesmax width media querycss for min widthmedia query in css inlinecss media query orientation landscape and maxwidthmedia queries htmluse media query in cssmedia query w3schoolsmax media querycss screen sizesmedia queries cssmin width csscss media querieswidth base on devicemedia queries max widthwhat are the media tagsmax screen media querymin width vs min device widthmedia query for particular width 40media screen and 28max width 600px 29how to set media queries in cssmedia queries 950px wide css 40media 28max widthmedia query for particular width and heightcss media queries change widthmax width 3a 500px csscss min device widthmedia 3d 22screen and 28max width 3a 900px 29max width css responsivecss media min and maxminimum width of different devices in html