Hauptmenü

Anzeige iPad

Begonnen von uwirt, 18 Mai 2019, 23:52:31

Vorheriges Thema - Nächstes Thema

uwirt

Ich habe zwar schon Antworten hier gefunden - nur halt einfach keine allgemeine Lösung.

Die Frage wäre wie man FTUI formatieren muss, damit die Webseiten auf verschiedenen iPads mit denselben Grössenverhältnissen dargestellt werden werden?

Besten Dank
FHEM / Ubuntu / fitlet2
HomeMatic: CCU3|HmIP-STHD|HmIP-PCBS|HmIP-PCBS2|HmIP-PCBS-BAT|HM-WDC7000|HM-WDS100-C6-O|HM-WDS40|HM-LC-Sw1-FM|HM-LC-RGBW-WM|HM-ES-PMSw1-Pl|HM-ES-TX-WM
NAS: DS218+|DS209j|DS216+II|DS412+
Devices: Panasonic Webcams|Withings|Gardena Smart|Tuya

uwirt

Ich kann jetzt schon mal mittels


<meta name="widget_base_width" content="NN">
<meta name="widget_base_height" content="NN">


die Kacheln auf die iPad Bildschirmgrösse zuschneiden.

Allerdings passen sich die Fonts nicht automatisch den kleineren Kachelgrössen an. Auch die Charts hängen  über die Kacheln hinaus. Gibt es eine Möglichkeit dass Texte und anderer Inhalt automatisch der Kachelgrösse angepasst werden?
FHEM / Ubuntu / fitlet2
HomeMatic: CCU3|HmIP-STHD|HmIP-PCBS|HmIP-PCBS2|HmIP-PCBS-BAT|HM-WDC7000|HM-WDS100-C6-O|HM-WDS40|HM-LC-Sw1-FM|HM-LC-RGBW-WM|HM-ES-PMSw1-Pl|HM-ES-TX-WM
NAS: DS218+|DS209j|DS216+II|DS412+
Devices: Panasonic Webcams|Withings|Gardena Smart|Tuya

dt2510

Ich habe mir für solche Fälle eine user.css angelegt und Schriftgrößen auf %-Basis angelegt, z.B.:

.fontsmall{
  font-size:1vh;
}

.fontnormal{
  font-size:2vh;
}

.fontlarge{
  font-size:3vh;
}

.fontbig{
  font-size:4vh;
}

.fonttall{
  font-size:5vh;
}


die Angabe vh entspricht % der verfügbaren Höhe, während vw % der verfügbaren Breite wären