Der Ansatz: Behälter, Verhältnisse, Untergrenzen, Detailstufen
Ein Drehregler steht im Knoten auf dem Board (236 Pixel breit), im Rack, im Inspektor (380 Pixel) und am Telefon. Die Fensterbreite sagt darüber nichts; darum misst jedes Instrument seine eigene Zelle. Daraus folgen sechs Regeln.
Gerät und Instrument sind Behälter (container-type). Das Raster des Geräts gibt die Zelle vor: höchstens n Spalten, jede mindestens 88 Pixel, darunter bricht die Reihe um.
Die Kappe ist ein Anteil der Zelle, begrenzt nach unten (Lesbarkeit der Stellung) und oben (Ruhe im großen Inspektor). Alles an der Kappe hängt am Durchmesser.
Schrift und Fingerfläche folgen nicht dem Maß: Beschriftung bleibt in den Stufen des Appkerns, die ganze Zelle ist Fläche zum Greifen.
Was nicht mehr lesbar passt, wird weggelassen statt kleiner gezeichnet. Ein Skalenstrich braucht 8 Pixel Bogen bis zum nächsten.
Skala, Segmente und Zeiger sind SVG mit viewBox; feine Linien behalten 1,4 Pixel (non-scaling-stroke). Segmentziffern wachsen mit der Breite der Anzeige.
Ränder und Kacheln fließen mit dem Fenster, ohne Haltepunkte; nur der Kopf hat einen für das Telefon.
Verworfen: alles mit transform: scale oder vw vergrößern (Schrift und Fingerfläche schrumpften mit, kleine Knoten würden unlesbar); feste Haltepunkte am Fenster (ein Inspektor ist im breiten Fenster genauso schmal wie am Tablet).
Ein Gerät, jede Breite
Breite am Schieber ziehen oder eine Bauform wählen: Spalten, Kappen und Detailstufen folgen. Darunter steht, was das Gerät gerade misst.
Prüfstand dieser Ansicht
Misst alle Instrumente dieser Seite im jetzigen Fenster und meldet die kleinsten Werte. Auf jedem Bild der Ansichtsprüfung (390 bis 1920 Pixel) steht hier, ob die Untergrenzen halten.
Bauformen: dieselben Parameter, vier Orte
Knoten und Rack in Lack der Modulfarbe, der Inspektor in Metall mit Farbakzent. Am Telefon werden Drehregler zu Schiebern: dasselbe Wertmodell, eine andere Darstellung.