CSS - Externes Stylesheet

[LTN]

Hallo

Habe eine html Datei bei der ich eine externe css datei einbinden möchte.
Ich habe es hochgeladen - nun funktioniert es nicht.

-css Datei ist im Stammverzeichnis gespeichert unter max480.css
-Datei Namen sind auch richtig abgespeichert
-css Datei sollte richtig eingebunden sein (Im head Bereich)
<link href="max480.css" rel="stylesheet" type="text/css">


Danke für eure Hilfe

 

[Gelöschtes Mitglied 36401]

Ein Link zur Seite würde helfen

 

[MrMurphy]

Hallo

Sollte so funktionieren.

Gruss

MrMurphy

 

[LTN]

Hallo

Sollte so funktionieren.
Gruss
MrMurphy

CSS-Datei:

@media screen and  (max-width: 480px){
    .nav a{font-size: 15vw; z-index: 1}
    .nav1 a{font-size: 15vw; z-index: 1}
    .hiddendiv1{width:60vw; z-index: 1; background-color:red}
    li{font-size: 7vw; margin-top:30px; top:35vh; }
    li a{font-weight: 300; }
    article h1{font-size: 14vw; width:80vw; left:10vw; text-align: center; z-index: 0; border-bottom:solid 1.5px black; color:white}
    
article h2{font-size:5vw; width:100vw; left:0vw; position: absolute; text-align: center; font-weight: 500; }
    
        .doch{visibility: visible !important; font-family: "Mr Eaves Mod OT"; font-weight: 500; font-size: 4vw }
}

Datei im Stammverzeichnis:
480.css

Einbindung in der html Datei:
head bereich
<link href="max480.css" rel="stylesheet" type="text/css">

 

[Gelöschtes Mitglied 36401]

Siehe #2

 

[LTN]

Siehe #2

schaus dir an, auf dem mac schaut die responsive vorschau gut aus.
Auf dem Handy geht gar nichts.
sabrinacastano.ch
Das ist meine Übungsseite

 

[Gelöschtes Mitglied 36401]

Auf dem Handy geht gar nichts.

Das heißt genau? Auf meinem Handy sieht es eigentlich OK aus.

 

[LTN]

Das heißt genau? Auf meinem Handy sieht es eigentlich OK aus.

Ich habe zuerst die Startseite gemacht...
Auf meinem Handy sieht alles blöd aus!
Schriftgrösse, darstellung usw...

 

[MrMurphy]

Hallo

Die Probleme rühren von deinem bedenkenlosen Einsatz der Einheiten vw und vh. Die sind in der Praxis nur für wenige Spezialfälle geeignet, aber nicht für das übliche normale Layout.

Gruss

MrMurphy

 

[LTN]

Hallo

Die Probleme rühren von deinem bedenkenlosen Einsatz der Einheiten vw und vh. Die sind in der Praxis nur für wenige Spezialfälle geeignet, aber nicht für das übliche normale Layout.

Gruss

MrMurphy

Und wie schauts aus mit der Einheit %?
Macht die dann auch solche probleme?

 

[MrMurphy]

Hallo

Für bestimmte Einsätze eigenen sich jeweils unterschiedliche Einheiten. Nur Prozent oder nur px oder nur em oder nur rem zu verwenden ist meist sinnfrei. Jede Einheit führt bei unangebrachter Verwendung zu Problemen.

Um das alles aufzuführen gibt es entsprechende Kurse. Das alles aufzuschreiben überfordert die Möglichkeiten des Forums.

Zusätzlich musst du bei Hintergrundbildern entscheiden ob die verzerren oder beschnitten werden sollen. Wobei grade große Hintergrundbilder eher ungern gesehen werden, da sie meist benutzerunfreundlich sind.

Gruss

MrMurphy