Mekkora legyen a weboldalam mérete?

Te döntsd el: melyik a legkisebb felbontás, amit támogatni akarsz?

Amúgy reszponzívan kéne megcsinálni, külön elrendezés a kis kijelzőkre, külön elrendezés a nagyobbakra.

Te úristen ki a fészkes fene terjesztette el ezt a "reszponzív" elnevezést? :-)

responsive = érzékeny, fogékony, készséges

Többféleképpen is megcsinálhatod a weboldalad, hogy "reszponzív" legyen :-)

1.: eleve sztreccselsz... :-) (stretch=kiterjeszt, feszít, nyújt) azaz dinamikusan alkalmazkodóvá teszed a weboldalad a böngésző ablakához, pl 100% table (de újabban már inkább div)... ...ezt tesztelni is tudod, ha átméretezed az ablakot.

2.: már azt is le lehet kérdezni milyen videokártya van a gépben, azaz lekéred a képernyő felbontását és ahhoz töltöd be a fixre belőtt sablonjaidat (bár ez munkás nagyon)

blablabla... :-)

Bizony legyen reszponzív.

Bár legtöbben laptopot használnak (1366 x 768tól felfele) Beleszámítva a gatgeteket és a menüsorokat, amikkel a böngészők nagyon sok helyet pazarolnak... nagyjából 1340x585 jónak tűnhet.

Ha akarod, hogy telefonról is nézzék és fullHD-ben, meg retina HD-ben is jól nézzen ki, sajnos csak a reszponzívitás a megoldás. Gyakorlatilag 3-4 designe kell egyetlen vázra.

#3:

Igen, ÉRZÉKENY a kijelző méretére, vagyis reagál rá, vagyis különböző kijelző méretekre különböző stílussal FELEL ("responsive" = "felelő" is).

Általában az alap szélességet 1000pixelre érdemes belőni. Ez a legtöbb és a legelterjedtebb felbontásokon is megfelelően átlátható, és jól néz ki.

A nagyobb vagy kisebb felbontásokra megfelelő css szabályokat szokás készíteni, ha reszponzív oldalt szeretnél. Ezt a css media query eljárásával szokás megoldani, ez a reszponzív design alapja.

[link]

Ötleteket innen meríthetsz:

[link]

Egymás alá másolod kérlek alássan.

@media ... {

...

}

@media ... {

...

}