Responsive Webseiten lassen sich per css gut und einfach gestalten.
Der Zeitaufwand dafür ist aber enorm und viele Firmen scheuen diesen Aufwand und bieten nur wenige Größen an.
Als Beispiel, die Wochenzeitung, die Zeit bietet zwei Layouts an.
1. Desktop Layout bis width = 980px
2. Mobile Layout bis width = 750px
Ich verwende für kleine Seiten mit wenigen Seiten eine aufwendigere Lösung mit einem vorgefertigten css @media Gerüst:
@media all and (min-width: 240px) and (max-width: 319px){
}
@media all and (min-width: 320px) and (max-width: 479px) {
}
@media all and (min-width: 480px)and (max-width: 599px) {
}
@media all and (min-width: 600px) and (max-width: 767px) {
}
@media all and (min-width: 768px) and (max-width: 1023px){
}
@media all and (min-width: 1024px) and (max-width: 1199px){
}
@media all and (min-width: 1200px) and (max-width: 1599px) {
}
@media all and (min-width: 1600px) {
}
Damit lässt sich eine Webseite sehr individuell gestalten und optisch aufwerten.
Viel Spaß bei der Feinarbeit.
Reklame:
[affilinet_performance_ad size=468×60]
