HTML: Internetseite passt sich nicht an wenn ich das fester verkleinere?

Welche maßeinheiten soll ich benutzen damit das der fall ist?

Und kann ich auch für alles die selbe einheit benutzen oder kommen da irgendwelche probleme?

Wenn ich die maßeinheit der Überschrift in eine relative umsetzen dann passt die Überschrift sich immer noch nicht an wenn ich die Größe des Fensters ändere.

(Hab em rem und % benutzt)

LG Lisa

1 Antwort

Xandros0506

15.08.2023, 14:06

Welche maßeinheiten soll ich benutzen damit das der fall ist?

Schon mal etwas von "responsive webdesign" gehört?

Das sollte dir als Stichwort bei der weiteren Suche behilflich sein. (Und dabei wirst du dann auch feststellen, dass feste Maßeinheiten für dynamische Anpassungen tödlich sind. Sowas macht man wenn schon dann prozentual.)

Lisa1Natur0

Fragesteller

15.08.2023, 14:09

Nein hab ich nicht. Sonst hätte ich ja nicht gefragt du 🤓.

Aber vielen Dank

Hallo, angenommen ich will die Schriftgröße definieren, dann würde ich es so machen:

html {font-size: 62.5%;}

und danach in anderen Elementen nur noch mit der Maßeinheit rem weitermachen, bei 20 Pixeln beispielsweise 2.0rem und so weiter. Das geht ja, weil ich die Basisschriftgröße oben mit 62.5% auf 10 Pixel gestellt habe.

Ich sehe aber auch Leute, die statt rem em im body-Element verwenden und so weitermachen. Ich bin noch nicht so erfahren und frage mich wieso, denn mir erscheint rem im Wurzelelement sinnvoller, aber vielleicht übersehe ich auch was. Bei folgender Angabe kommt es doch beispielsweise zu Verfälschungen der angegebenen Schriftgröße: Statt 0.70em wird im Ergebnis beispielsweise 0,665em herausgespuckt (0.95*0.70=0.665). Das wiederum lässt sich umgehen, wenn man mit rem im Wurzel-Element arbeitet. Sehe ich das verkehrt? Wieso sollte man dann noch die Schriftgröße mit em im body-Element definieren statt mit rem im Wurzel-Element?

body {font-size: 0.95em;}
article {font-size: 0.70em;}

...zur Frage

Wann könnte die Version HTML6 kommen und damit einer weiteren weniger Notwendigkeit von JavaScript-Ergänzungen?

...zur Frage

CSS Flex Box 2x2 Layout erzeugen?

Wie bekomme ich mit CSS Flexbox so ein Layout:

...zur Frage

Geld für Website?

Ich mache grade eine Website für den Laden von im, ich wollte jetzt wissen ob es gut rüber kommt wenn ich frage ob ich vielleicht dafür bezahlt werde?

...zur Frage

App aus HTML Code?

Hallo,

ich habe einen HTML-Code und möchte diesen Code zu einer IOS App machen. Diese App soll dann auf Schulgeräten installiert werden. Wie kann ich das machen?

...zur Frage

Welche WYSWYG Editioren sind empfehlenswert?

Suche einen guten und einfachen WYSWYG Editor für HTML, CSS, PHP, JavaScript.

Habe früher Webocton Scriptly genommen, das ist aber auch schon in die Jahre gekommen (neueste Version von 2010). Daher suche ich einen schönen einfachen WYSWIG Editor mit Syntax Highlighting und Autocompletion. Visual Studio Code ist nicht so mein Fall dafür. Vielleicht hat jemand ein paar Empfehlungen für mich.

Gerne für Windows/Linux/MacOS

...zur Frage

Erstellte website nicht aufrufbar?

Bin Anfänger im Thema Webseiten und programmieren und habe mir mal ein Tutorial angeschaut. In dem wurde mir erzählt, dass ich mit dem Editor und HTML eine Website erstellen kann. Wenn ich aber nach abspeichern des Editors etc. den Link, der in der Suchtleiste bei Chrome steht bei einem anderen Gerät eingebe, finde ich diese Seite nicht. Ich hatte auch nicht erwartet, dass das erstellen von einer Website auf diese Weise funktioniert, aber was fehlt mir, dass diese Seite, auch wenn es nur eine Testseite sein soll im Internet aufrufbar ist?

...zur Frage

Wie bekomme ich solch eine navigationsleiste zusammen?

In html bzw. css

Also wo die untermenü Punkte seitwärts aufscheinen

...zur Frage

Kann jemand diesen Button in HTML CSS umwandeln?

Hallo,

schafft es jemand, mir diesen Button in HTML und CSS zu machen?

Border color ist #f5bf8c

Font color ist #363639

Gradient links ist #fdc591

Gradient recht ist #cd9969

Und dann ist da noch so ein kleiner Schatten nach außen (gold) und nach Innen ein kleiner, schwarzer Schatten

...zur Frage

Wie viel Kostet es eine Webseite zu erstellen?

Hi, wie viel würde es Kosten eine einfache Webseite zu erstellen? Also wo man außer ein paar Informationen und einem Kontaktformular hat, halt eine Simple Webseite für ein Restaurant oder sowas und wie viel würde ein Shop Kosten mit Backend?

Das alles halt nicht mit Shopify

...zur Frage

HTML und CSS lernen?

Wie lang braucht man, um HTML und CSS zu lernen und macht es Sinn das anzufangen, obwohl man gerade erst Grundkenntnisse in Java hat?

...zur Frage

Nav bar farb wechsel?

Hi ich möchte gerne das meine navbar die farbe wechselt wenn ich scrolle, was ich auch geschafft habe aber ich möchte gerne das sie erst die farbe wechselt wenn ich bis zu einer bestimmten höhe scrolle, also nicht direkt wenn ich anfange zu scrollen. Was muss ich da tun? :))) Hoffe man versteht was ich meine

<script>
 document.addEventListener('scroll',() => {
    const header =document.querySelector('header');
    
      if (window.scrollY >4) {
      header.classList.add('scrolled');
    } else {
      header.classList.remove('scrolled');
    }
  })
</script>

...zur Frage

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

...zur Frage

Wie macht man das?

Wenn ich eine Webseite mit Dunklem und Hellem design machen will, muss ich 2 CSS Dateien machen

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen