CSS Klasse von Chrome nicht erkannt

  • Hallo zusammen,


    neuerdings erkennt Chrome keine CSS Klasse von mir, die ich neu erstellt habe. Auch responsive auf einem Smartphone mit Standardbrowser erscheint eine "falsche" Darstellung. Firefox ist mein Standardbrowser, mit dem ich diese Klasse und meine Seiten entwickel. In Firefox ist alles ok.


    Die CSS Klasse wurde - wie üblich bei mir - in das HTML Gerüst eingefügt und in der extra CSS Datei formatiert.


    Wie stelle ich sicher, dass Chrome und andere Browser zb auf Android das gleiche Design benutzt bzw auch die Klassen überhaupt erkennt?


    Danke

  • Bis jetzt hatte ich noch nie probleme gehabt damit. Zeig doch mal eine Beispiel Seite , oder ein Codepen wo das auftretten tut.

    Vieleicht hilft es auch mal die Browser Cache zu löschen ?

  • eine Beispielseite kann ich leider nicht posten.


    Aber ein Beispiel beschreiben: Ein Bild mittels einer selbst erstellten Klasse

    <div class="bild"><img scr="" /></div>


    In der CSS steht dann zb

    .bild {width:3em; min-width:30px; max-width:50px; float: left; clear: both; margin: 0 0.5em 0 0;}


    In Chrome und auf dem Smartphone wird das Bild auf 100% gestellt, da es die Klasse "bild img" nicht nimmt... und zu einer anderen übergeordneten Klasse geht.

    In Firefox wird die Klasse dagegen genutzt und das Bild ist klein.

  • Wenn Du von übergeordneten Klassen sprichst, solltest Du am besten alles einmal zeigen.

    Wenn kein Beispiel online einsehbar ist, ändere das oder poste den HTML, sowie CSS Quelltext hier, sofern das den Rahmen nicht sprengt.

  • Hallo,


    ich habe jetzt folgenden Zusatz angefügt nach einer Recherche:

    @media screen and (-webkit-min-device-pixel-ratio: 0) {

    CSS CODE

    }


    Und jetzt wird das CSS schon im Desktop Browser berücksichtigt von Chrome.

    Leider aber noch nicht auf dem Smartphone oder in der responsive Ansicht.


    Danke

  • Achja - Code ist sehr lang und es betrifft eigentlich viele Codestellen - das gemeinsame Problem ist, dass Code nicht angenommen wird oder nur alter Code.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!