cfe82b6a4d
Die Szene war auf volle Fensterbreite ausgelegt und lief im normalen Fenstermodus unten aus dem Bild (bei 1440x700 z.B. um 232px). - body als Flex-Spalte ueber die Viewport-Hoehe. Bewusst height statt min-height: nur eine definite Hoehe laesst die prozentualen max-height-Angaben der Szene aufloesen. - #office-scene nimmt die Resthoehe (flex: 1, min-height: 0) und zentriert das SVG. - Das SVG richtet sich an der jeweils knapperen Achse aus - zwei Media-Queries auf 16/9 schalten zwischen hoehen- und breitenbegrenzt um, max-width/max-height sind das Sicherheitsnetz fuer den Grenzbereich (die Header-Hoehe geht in das Verhaeltnis der Szenenflaeche ein, in die Media-Query aber nicht). - Bei knappem Platz weicht der erklaerende Fliesstext im Header. Gemessen in Chromium ueber 1920x1080 bis 500x900: kein Overflow, Seitenverhaeltnis durchgehend exakt 16:9. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| css | ||
| js | ||
| API.md | ||
| favicon.png | ||
| mon.html | ||
| office.html | ||
| script.js | ||
| styles.css | ||
