480 min-width - Mobilanpassat?
 

Hej,

Jag tror mig minnas att man brukade dra gränsen vid "380 px min-width" för en sidas totala bredd, för att klassa den som mobilanpassad. Kan det stämma eller är jag ute med cykeln?

Följdfrågan... Surfar verkligen fler än någon enstaka promille på så liten skärmupplösning i dagsläget? Jag håller på med en sajt där 480 är minimibredd.

Svaret finns väl här: http://www.w3schools.com/browsers/browsers_display.asp men det vore trevligt att höra hur ni själva tänker och gör.

Bootstrap 3 drar gränsen vid 768 px.

http://getbootstrap.com/css/#grid-options

Tackar! Låter perfekt.

Jag brukar skapa tre versioner som minst när jag gör en responsive design.

Global CSS

Mobile portrait:
@media only screen and (max-width: 767px)

Läsplatta och mobile landscape:
@media only screen and (min-width: 480px) and (max-width: 767px)

Sen vet jag inte hur korrekt det är att göra som jag gör. Men det fungerar!

Iphone 5 ligger på 320x568 och iphone 4 på 320x480, båda med device pixel ratio 2. Så 320 css pixlars bredd är väldigt relevant.

Men var du väljer att lägga dina breakpoints utöver det bör bero mer på din sajt än på enstaka devices. Det viktiga är att du hittar de punkter där du måste eller bör förändra CSSen.

Å fasiken, jag trodde 4an låg på 640x960 och 5:an på 640x1136?!

Ja, fast de har retina display, så det blir hälften i CSS världen.