Igen, én is úgy látom, illetve dehogy látom még.. , csak sejtem, hogy nem kellene ezeket a határokat ilyen élesen meghúzni.
Ráadásul szigorúan véve ezt nem is nekünk kell elsajátítani, nekünk csak meg kell valósítani amit a graffer elénk rak. Ő meg vagy így rakja elénk, vagy nem.
Ez a mondatod azért megnyugtatott, hogy nem kell azért ezzel "ennyire precízen" foglalkoznom majd, bár most csinálok majd egy-két referenciahonlapot, amit ugye gondos tervezés idéz meg (papír, notesz a barátom). Itt most egyenlőre szűken behatárolva desktop-tablet-mobil nézetekre összepontosítok, ami nálam így fog kinézni:
/*mobile styles*/
@media only screen and (max-width: 480px) {
}
/*tablet styles*/
@media only screen and (min-width: 481px) and (max-width: 768px) {
}
/*desktop styles*/
@media only screen and (min-width: 769px) {
}
Ez sztem bőven elegendő lesz nekem így elsőkörben.
De, hogy a különböző kijelzőkön, hogyan sminként épül fel a honlapom, maga a tervezési fázis ami számomra kb. most nehezebb, mint lekódolni az egészet.