Mein vorheriger CSS-Versuch transform: scale(calc(min(1080px, 100vw-40px) / 1080)) liefert eine px-Ausgabe — scale() braucht aber unitless. Folge: keine Skalierung, Card wird nur abgeschnitten (auf Phone sah man nur linkes Ecke). Fix: JS-basiert. adjustScale() berechnet das Verhaeltnis window.innerWidth/1080 (max 1.0 bei Desktop), setzt transform: scale() auf .card und passt die .card-viewport-Dimensionen an. Re-fired bei window.resize + load. WeasyPrint fuehrt kein JS aus → PDF unbeeinflusst (Card bleibt 1:1 1080×1350). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| components | ||
| icons/phosphor | ||
| screens | ||
| base.html | ||
| og_template.html | ||