Beiträge von Nonewbie

    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

    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.

    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