Bestehende Seite auf Mobil "umrüsten"

[Gunnar Bittersmann]

@@Sukram

ich muss eine bestehende Seite welche mit dem Dreamweaver als html/css Seite gemacht wurde so umrüsten das sie auch mobil gut lesbar ist. Meine Idee eine zweite .css zu erstellen.

Das ist nicht die übliche Vorgehensweise, auch wenn es in link-Elementen möglich ist media-Attribute anzugeben. Besser sind aber media queries innerhalb des einen Stylesheets.

• wie muss die .css heißen das sie von mobilen Geräten verwendet wird.

Egal. Es gibt (im Gegesatz zu Favicon) keinen festen Dateinamen, der von entsprechenden Geräten angefordert wird. Wichtig ist, dass die Datei unter ihrem Namen referenziert wird. Aber s.o.

• wie kann ich verhindern das diese mobile .css dann von normalen Desktopgeräten genutzt wird.

media-Attribute. Aber s.o.

• wo finde ich Anleitungen auf deutsch (mein Englisch reichte gerade so für einen 4er in der Schule)

Beschäftige dich mit Responsive Web Design. Die Mutter aller Artikel gibt es auch auf deutsch.

• gibt es irgendwo Musterdateien um zu sehen wie das ganze aufgebaut werden muss?

In dem Artkel findest du einige Beispiele.

LLAP 🖖