@damnsharp
Ik bedoel met design dat het vaak een keuze is gebasseerd op hoe ze de website eruit willen laten zien.
Technisch gezien heeft het geen enkel voordeel (sneller / werkt beter bijv.)
Het is puur
voorkeur.
Met 1 lijn op 4k bedoel ik dat 100% width websites ontzettend idioot zijn op een hoge resolutie zonder scaling.
Omdat ik nu zit te gamen (en dus op de windows pc met 1080p schermen zit) kan ik je nu geen 4k screenshot sturen.
Wat ik wel kan doen is hem even over 2 schermen heentrekken om mijn punt duidelijk te maken:
[smallimg]http://i.imgur.com/0cI7PPu.png[/smallimg]
De site voor op de pc wordt meestal rond de 1000 pixels afgevangen in breedte, dit omdat het daarna idioot groot wordt (zie voorbeeld hierboven).
Echter wordt op de meeste sites de header doorgetrokken (en soms ook de footer) dit omdat het "mooi" is.
Neem bijv. mijn eigen website:
http://mi-soft.nl , je ziet daar dat het witte vlak een bepaalde breedte heeft (iets van 900 pixels iirc).
[smallimg]http://i.imgur.com/rA8ICH8.png[/smallimg]
De header gaat echter over de gehele breedte. Het enige nuttige deel van de header bevindt zich echter net boven de witte pagina (gecentreerd als het ware).
Als ik dus de header passend had gemaakt zou dit overblijven:
[smallimg]http://i.imgur.com/cLQ6Doj.png[/smallimg]
De site werkt dan nog steeds prima (dus technisch geen voordeel) hij ziet er alleen een stuk minder aantrekkelijk uit.
De opmerking van Bron:
Omdat de header (met name de topbalk) belangrijk is geworden vanwege smartphones is deze vaak volledige breedte zodat je daar meer mee kunt doen.
Is lastig te beoordelen. Ik snap zijn punt maar denk niet dat het hiermee goed overkomt.
De header van een website op een smartphone is nagenoeg altijd 100%.
Dit komt niet door de beperkte ruimte die beschikbaar is maar juist maar voor de "look & feel".
Het menu voelt dan meer "deel" van android (of ios).
In de latere android updates is daar zelfs een mooie feature bijgekomen en dat is om de bovenbalk van android te kleuren met dezelfde kleur als de website!
Dat ziet er dan heel erg tof uit zoals hier te zien is:
[smallimg]http://i.imgur.com/dZSXmLh.png[/smallimg]
Conclusie
Over het algemeen wordt aangeraden voor 3 breedtes je website te optimaliseren, deze breedtes zijn:
- Smartphone
- Tablet
- pc
Zolang je die 3 vlakken raakt zit je goed.
[edit]Ook helpmij.nl maakt zich hier schuldig aan hoor, neem bijv. de vorige post:
[smallimg]http://i.imgur.com/uD593bu.png[/smallimg]
Je ziet daar de reactie van bron die veel te ver doorloopt naar rechts.
Met als gevolg dat bron (een gebruiker) zijn manier van schrijven aan zou moeten passen (
een gebruiker dwingen iets te doen is altijd slecht!)
Als de site gelockt was op bijv. 1000px liep je veel minder tegen dit probleem aan.
[/edit]