Meine Html/Css Webseite sieht auf dem Handy anders aus als auf meinem PC?

Ich habe eine Webseite gecoded und diese dann per Netlify hochgeladen um u sehen wie es auf dem Handy ist. Da viel mir auf dass auf dem Handy sehr vieles anders ist. z.B. Lauft das Video wo ich in den Hintergrund gepackt habe nicht und man sieht nur standbild, die Schrift ist anders, die Blur filters werden nicht angezeigt. Kann mir da jemand helfen?

1 Antwort

mompf03231

23.07.2022, 13:14

Wenn die Website in beiden Fällen von Netlify ausgeliefert wird liegt es wahrscheinlich am Browser auf dem Handy.

Probier es mal mit einem Android Handy und Chrome. Auf iOS verwenden alle Browser Webkit und da mangelt es häufig an Kompatibilität

Ähnliche Beiträge

Kann man eine Webseite mit dem VS Code Live-Server irgendwie mit dem Handy testen?

Hallo,

ich bin gerade dabei, in VS Code meine Webseite für das Handy zu optimieren (CSS Media Queries). Ich hatte die ganze Zeit mit Netlify Drop einen 1-Stunden-Host gestartet und geschaut, wo ich noch optimieren muss. Leider habe ich logischerweise irgendwann das Limit erreicht.

Jetzt meine Frage:

Kann man die Webseite mit dem VS Live-Server irgendwie mit dem Handy testen?

Die Seite zuerst online stellen und dann optimieren ist natürlich keine Option. :) Wenn das nicht funktioniert, was habe ich noch für Möglichkeiten?

Danke schonmal!

...zum Beitrag

Webseite sieht nur auf iPhones anders aus?

Habe meine Webseite nun hochgeladen, läuft alles wie vorgestellt, außer bei iPhones. Da sieht die Webseite anders aus, wenn man die Webseite zB in einem Android Gerät öffnet siehts normal aus, aber bei iPhones eben nicht. Weswegen könnte das sein?

...zum Beitrag

Webseite: Weißer Streifen auf rechter Seite bei Handy Ansicht?

Ich habe mich mal in HTML und CSS probiert, musste allerdings feststellen, dass wenn man auf dem Handy sich die Webseite anguckt ein Weißer Streifen auf der Rechten Seite zu sehen ist. Hat jemand eventuell eine Ahnung wie man dies wegbekommt? Vielen Dank schonmal im Vorraus.

Webseite: kteamk.de

...zum Beitrag

mit klasse von bild in HTML CSS einbinden?

Moin ich habe folgendes Problem:

Ich bin daran eine Webseite für meine Bewerbung zu schreiben, und ich habe dementsprechend ein Bild von mir mit rein gepackt.

jetzt wollte ich eine Klasse im <img src="blablabla" alt=" "> definieren.

ich weiss nicht wieso aber im CSS Stylesheet erkennt es die Klasse dann nicht, jedenfalls wird auf der Website nichts verändert.

Hier noch die Fotos von meinem Code:

CSS

HTML

Habe ich irgend etwas falsch gemacht oder kann mir sonst jemand helfen?

...zum Beitrag

Kann man den css - style auch im <body> - Bereich einfügen?

Guten Abend liebe Community,

ich programmiere momentan mit html/Css; so viel wie ich gelernt habe, kommt der Css-Style im head - Bereich, da dies Funktionen sind, die der Besucher einer Webseite nicht zu sehen braucht (er sieht ja sozusagen das Ergebnis später auf der Webseite).

Nun ist meine Frage: gibt es eine Möglichkeit den css-Style auch im body-Bereich einzufügen und wenn ja, wie ?

...zum Beitrag

CSS header nimmt nicht volle breite?

Hallo,

Also ich hab einen Header erstellt, mit folgendem HTML Code:

<header>
    <p>Jetzt auch mit KLARNA zahlen!</p>
</header>

CSS Code:

 header {
    display: flex;
    justify-content: center;
    color: white;
    align-items: center;
    background-color: rgb(102, 102, 102);
    height: 40px;
    margin: 0;
    padding: 0;
    width: 100%;
}

Aber wenn ich nun mir mal per Untersuchen, die Webseite anschaue:

Dann sieht man, dass der header ab einem gewissen zeit punkt nicht mehr die volle breite nimmt. Warum?

...zum Beitrag

Wieso wird CSS nicht übernommen?

Ich habe gerade ein Problem, das soo frustrierend ist. Ich bin HTML & CSS Anfänger und wollte eine Webseite aus einem Tutorial Video nachbauen. Die Inhalte und Struktur im HTML habe ich hinbekommen. Nun scheitere ich aber am CSS. (Browser Chrome) Für mich sieht alles richtig aus. CSS ist eigentlich eingebunden, aber die Eigenschaften werden nicht übernommen. Ich habe schon etliche Seiten durchforstet und keine Lösung hat funktioniert. (Cache leeren brachte nichts, Bei den anderen Browsern Firefox, Explorer und Safari besteht das gleiche Problem( ich habe auch keine Schusselfehler entdeckt). Die beiden Dateien liegen auch im selben Ordner. Liegt es vielleicht an meinem Laptop oder an den Browsern? Ich bin ratlos. Ich hoffe jemand kann mir irgendwie helfen.

Ich habe screenshots von der HTML-Datei und CSS-Datei beigefügt.

...zum Beitrag

Objekte sollen die Div-Box nicht verlassen. (CSS)

Hallo!

Wie schaffe ich es, das es Objekte (Text, Bilder, etc...) nicht ihre Div-Box verlassen (also formatiert bzw. kleiner werden, wenn ich zum Beispiel das Fenster verkleiner, oder die Webseite auf dem Handy öffne.

Schonmal vielen Dank im Vorrau :)

Lg mono

...zum Beitrag

Probleme mit CSS?

Hallo,

ich hätte ein folgendes Problem, nämlich verändert sich die Struktur/Aufbau meiner Website, welche ich mit html und CSS erstellt habe. Sobald ich die Website auf verschieden Geräten, also z.B. wenn ich es auf verschiedenen Computer mit verschiedener Bildschirmgröße (wenn man das so nennt) aufrufe sieht der Aufbau komplett verschoben und anders aus :(. Weiß ehrlich gesagt nicht woran das liegt könnte mir vielleicht jemand dabei helfen, dass Problem zu beheben!

...zum Beitrag

Android Apps mit HTML CSS javascript?

Kann man Android Apps entwickeln mit HTML CSS und Javascript oder nur webseiten? Es gibt doch so n Programm wo dann n Handy abgebildet ist wo du dann immer ansehen kannst wie deine App aufm Handy ansehen kannst wie heißt das bei js

...zum Beitrag

HTML/ CSS Seite zentrieren und die Seitenränder anpassen?

Hallo, ich programmiere zur Übung eine Automarken-Webseite.

Ich will, dass die Buttons so sind;

Und nicht so: (Der Rahmen dient nur zur Übersicht)

Aber wenn ich die Webseite verkleinere, dann sieht so aus; ich möchte aber, dass die sich richtig anpassen, also z.B. 2 nebeneinander sind.

Welchen Befehl kann ich dafür verwenden?

Hier habe ich den Befehl verwendet: .body {

margin-left: 28%;

margin-right: 28%;

}

...zum Beitrag

HTML mit CSS verknüpfen Probleme?

Hallo Zusammen. Ich mache gerade eine Webseite. Ich habe dabei mehrere HTML Seiten und eine CSS seite. Ich hatte die HTML seiten und die CSS seite in einem grossen ordner, nun habe ich die seiten in unterordner getan, um Ordung zu schaffen. 1. gibt es denn HTML Ordner mit allen HTML Seiten drin, zweitens den CSS Ordner mit dem CSS File und letztens denn Pics Ordner mit den Bildern.

Nun geht auf der Seite wenn ich sie lokal aufrufe das CSS nicht mehr. Ich habe schon alles versucht, den cache de browsers geleert und nochmal alles gespeichert. Auch habe ich versucht den Pfad des CSS mit einem Slash vordrann anzugeben, oder ohne, aber alles hilft nichts. Kann mir da jemand helfen?

Hier die Bilder des Codes und der Website:

Das CSS:

Der HTML Code. Rot ist der Pfad zum CSS und Blau die Ordnerstrucktur.

Die Website, wie man sieht ohne CSS

...zum Beitrag

Website Handy?

Hey habe eine Webseite erstellt und veröffentlicht für eine Stunde(ist noch nicht fertig nur um die Seite mal zu sehen).

Ich habe die Seite auf dem Handy aufgemacht und gesehen,dass die anders aussieht als auf dem Pc.Gibt es dafür einen bestimmten Code ,dass die auf dem Pc und Handy gleich ausstehen ?

Danke !

...zum Beitrag

Wie macht man eine HTML Webseite responsive?

Ich habe in einem div Container zwei div Container nebeneinander.

Wenn man die Webseite vom Handy aus öffnet, sollen die zwei div Container welche nebeneinander sind übereinander angezeigt werden, ansonsten sieht der Text echt schlecht aus, wie kriege ich das hin?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen