Wie kann ich es machen, dass meine Website auf dem Handy so aussieht wie auf dem PC?

Hallo, habe meine Website ursprünglich auf dem Pc entwickelt und nun siehst sie komplett verbuggt aus auf dem Handy, wie kann ich die anpassen?

5 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

PeterP58

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

26.03.2022, 10:53

CSS3 Media Queries verwenden!

Also abfragen, welches Gerät verwendet wird und dann eine andere CSS-Datei laden!

Woher ich das weiß:Hobby – Programmierer, EDV, ... seit den 80er :)

NackterGerd

27.03.2022, 10:09

Auf dem Handy kann es natürlich nicht gleich aussehen wie auf dem PC, das Display ist ja keiner und im Normalfall Hochformat und am PC Querformat.

Deshalb gibt es responsible Design.

Dadurch wird das Design angepasst.

Z.b. wenn etwas am PC nebeneinander steht wird es am Handy dann übereinander dargestellt.

Am einfachsten geht das wenn du Grid in deinen Styles verwendest.

Bei Flex passiert vieles sehr eigenwillig und du kannst es nicht so gut bestimmen.

Von Experte PeterP58 bestätigt

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Webseite

26.03.2022, 10:52

Wie kann ich es machen, dass meine Website auf dem Handy so aussieht wie auf dem PC?

Mit Hilfe von media queries.

Alex

ProfSchmiddi

26.03.2022, 11:09

@media only screen and (min-width:320px) {

/* CSS code Handys*/

}

@media only screen and (min-width:1200px) {

/*CSS code für Computer*/

}

Ich glaube so ähnlich geht das...

Woher ich das weiß:Recherche

TechPech1984

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Computer

26.03.2022, 11:00

also bei mir seiht eine webseite auf jedem endgerät gleich aus , nur will man aufm mobile die seite nicht so haben :) alles viel zu klein .

deswegen , baut man seine seite mit einem responsive design , so das sie auf jedem endgerät die gleichen informationen bringen und nicht ds sie gleich aussehen , den dann sehen sie durchaus hässlich (platt , langweilig etc) auf einem großen monitor aus .

Hallo,

ich habe das Problem das meine Website bzw. Shop bei Samsung Handys im Dark Mode komplett anders aussehen bzw. eine andere Farbgestaltung haben.

Soweit ich herrausfinden konnte gibt es eine Möglichkeit via CSS Code dies zu unterbinden.

Dazu ein Statement eines Samsung Entwicklers:

https://developer.samsung.com/internet/blog/en-us/2020/12/15/dark-mode-in-samsung-internet

Kann mir jemand helfen, was genau ich wo genau einfügen oder anpassen muss damit meine Website durch diesen Dark Mode nicht geändert wird?

Dankeschön!

...zur Frage

Größe für Videos automatisch auf Geräte anpassen HTML?

Hi,

ich programmiere grade an Videos also wie ich diese anzeigen kann ohne YouTube. Und da es komisch auf dem Handy aussieht wollte ich fragen, ob es eine Möglichkeit gibt, dass sich die Größe des Videos automatisch auf das gerät anpasst?

...zur Frage

Website am handy?

Hey,

derzeit Versuche ich eine website zu machen.

Am PC im Browser sieht die Website perfekt aus aber am handy wiederum ist die Website verschoben und nicht nutzbar.

Nun wollte ich fragen, ob es ein html/css code gibt um dies zu fixxen.

Würde mich um antwort freuen.

Mfg

...zur Frage

Website formatierung verschiebt sich immer?

Hallo. Ich hab für die Schule ne website mit html programmieren müssen. Dabei ist mir jedoch aufgefallen, dass wenn ich die website auf dem PC von der Schule öffne, alle Elemente komplett verschoben sind und wenn ich die Formatierung anpasse ist sie wenn, ich sie auf meinem Laptop öffne, wieder verschoben. Wie kann man das ändern?

...zur Frage

Meinung zu meiner ersten selbst programmierten Website?

Hey, ich habe nach einiger Zeit als kleines Projekt meine erste Website mit HTML und CSS fertig!

Ich würde gerne eure Meinung dazu. Ich hatte schon eine Website mit Weebly, und ein paar selbst gecodet, hier habe ich mir aber nochmal extra mühe gegeben, und da die Website einfach gestaltet ist, ist sie auf dem Handy genausoschön wie auf dem PC. Deswegen eure Meinung bitte:

https://gianluca.cf/

Und nein Gute Frage das ist keine Werbung, ich will nur ein Feedback!

...zur Frage

Hilfe bei Website, Bild falsch herum!?

Hallo,
Ich habe ein Problem. Und zwar bin ich gerade an einer Website. Sogut wie fertig nur 1 Problem. Habe auf der Seite ein Bild. Auf PC alles super, aber sobald ich die Seite auf meinem iPhone 5 Aufrufe ist das Bild komplett gedreht, also falsch herum.
Hat einer eine Idee?

...zur Frage

Website Animation im Hintergrund?

Guten Tag,

Ich arbeite wieder an einer neuen Website.

Momentan ist die Animation mit dem orangen Licht etwas langweilig.. finde ich.

Ich habe es auch schon so wie hier gemacht.

Mir gefällt der Style, dass dort so Licht hinter dem Muster ist.

Weiss aber nicht, was ich noch alles mit dem Licht machen könnte? Hat da jemand eine Idee? Oder vielleicht was komplett anderes?

Bis jetzt ist da alles mit HTML und CSS gemacht, sollte eigentlich auch so bleiben.

...zur Frage

PC und mobile Version html?

hallo

ich habe da eine frage:

ich habe eine Website erstellt da sie auf dem Handy nicht gut aussieht habe ich noch eine mobile Version erstellt kann man irgendwie einstellen das zb. auf dem Handy automatisch die mobile Version aufgerufen wird.

...zur Frage

Website erstellen + hosten für Anfänger?

Ich bin komplett neu zu diesem Thema und würde gerne wissen, wo ein guter Startpunkt ist, um dies zu lernen.

Am besten wäre es, wenn ich die Webseite komplett selber coden könnte. Es soll nur eine sehr einfache Webseite für ein Projekt von mir sein, die ich am besten auf meinem eigenen PC oder einem Raspberry Pi kostenlos, oder so billig wie möglich, hosten kann.

Wie seid ihr evtl. in das Thema Webseiten erstellen oder hosten eingestiegen und was sind eure Tipps? Welche Tutorials / Videos / Playlists / Artikel habt ihr benutzt, um es zu lernen? Was muss ich beachten?

...zur Frage

HTML/CSS/JS Scrollen verhindern?

Hi Leute,

Ich habe eine Website bei der das Scrollen komplett (sowohl manuell als auch per JS) verhindert werden soll. Mir ist klar das folgende Möglichkeit geht:

overflow: hidden;

Das Problem ist, dass man dann immer noch mit dem Mausrad scrollen kann (siehe hier: http://hoohaadesign.co.uk/#/intro1)

Lässt sich das auch irgendwie verhindern?

Danke im voraus, Marvin

...zur Frage

Website wird nicht vollständig angezeigt. Was tun?

Hallo, ich habe eine Website programmiert und hab sie nun auf einen Stick geladen. Als ich die Datei dann durch den Stick öffnen wollte, war das Design der Seite komplett verschwunden. Ich habe die CSS-Anweisungen in eine extra-Datei geschrieben, aber diese mit der HTML-Datei verbunden. Wenn ich aber durch Visual Studios mit dem Live Server die Datei öffnen, funktioniert alles. Auch das Design ist dann da. Woran liegt das? Kann mir jemand helfen

...zur Frage

CSS Media query geht nicht richtig?

hallo,ich habe folgendes Problem: Wenn ich bei meiner Website mit CSS per Media query eine responsive Website machen möchte, geht das nicht richtig. Ich muss bei max- und min-width mindestens 1000px eintragen, damit es funktioniert. Kann mir bitte jemand helfen?

...zur Frage

Mit Python programmieren?x?

Moin, ich würde gerne anfangen python zu lernen bin aber kompletter Anfänger. Habt ihr da kostenlose Websites auf denen ich so ein bisschen "geleitet" werde?

...zur Frage

Wie kann ich mit HTML/ CSS DIV Tags bündig an den Rand anpassen?

Ich habe folgendes Problem mit Html/Css. Ich möchte gerne einen div tag auf einer Website ganz oben ansiedeln. Das einzige Problem was ich dabei habe ist, dass ich es nicht bündig hinbekomme. Zwar schließen die Div Tags untereinander bündig ab, aber jeweils am Rand der Website bleibt ein Spalt über. Mit Margin & Padding klappt es leider auch nicht. Ein Beispiel Quelltext habe ich hier:

<head>
<style type="text/css">
#do {
background-color:grey;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
#di {
background-color:red;
height: 50%;
margin:0px;
padding:0px;
border:none;
}
</style>
</head>
<body>
<div id="do">
Hallo
</div>
<div id="di">
Hallo
</div>
</body>

PS: Das ist nur ein Beispiel, welches mein Problem verdeutlichen soll. Ich hoffe ihr könnt mir helfen.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen