iframe Inhalt verkleinern zoom

[RunningXx]

Hi,

Ich hab ein 7" Raspberry Touchscreen für das TabletUI und brauch jeden Pixel
Bei mir läuft auf Kodi das Webinterface Chorus2 und dies habe ich in einen iframe gepackt.
Wenn ich dieses runter skaliere werden einige UI Elemente ausgeblendet.
Sobald ich die das ganze TabletUI im browser kleiner zoome mit Strg- sind die UIElement im iFrame wieder da.
Da kommt mir die Frage kann ich nur den Inhalt des iFrames zoomen ?
Wenn ich im iframe unter style zoom einfüge, wird alles einfach nur kleiner gemacht nicht wie beim zoom im browser.


<iframe style="zoom:66%" width="795" height="410" frameborder="0" scrolling="yes"src="http://10.0.1.4:80/addons/webinterface.kodi/"></iframe>
Ich hab nen paar Screens angehängt
gruß Lars

[Tueftler1983]

Habe ein ähnliches Problem, lasse mir meine Webcam anzeigen doch leider wird nur etwa 1/4 des Bildes angezeigt sodass ich das Bild im iframe Fenster hin und her schieben muss.
Ne Lösung wäre super

[sinus61]

Hast Du mal data-fill="yes" für das iframe widget probiert ?

[Tueftler1983]

Nein noch nicht kann ich das hinter width="320" height="180" setzen also

width="320" height="180" data-fill="yes"

[sinus61]

fill hat eine höhere Priorität, würde also unabhängig von Größenangaben z.B. ein Popup ausfüllen. Wobei, wenn den Kamerabild tatsächlich größer ist und direkt im iframe Widget eingebunden ist nützt das wohl nichts. Also entweder das Bild von der Kamera kleiner liefern lassen oder über das Image Widget einbinden und da mit data-size anpassen.

[RunningXx]

Hey,
So habe ich es jetzt gelöst, nicht perfekt aber geht.

<style>
#scaled-frame { width: 1231px; height: 639px; border: 0px;}
#scaled-frame {
zoom: 0.8;
-moz-transform: scale(0.;
-moz-transform-origin: 0 0;
-o-transform: scale(0.;
-o-transform-origin: 0 0;
-webkit-transform: scale(0.;
-webkit-transform-origin: 0 0;
}
</style>
<iframe id="scaled-frame" scrolling="yes"
src="http://10.0.1.4:8080/">
</iframe>