Lösung zur Schnittstellenverformung beim Einstellen der Frameset-Höhe

Derzeit habe ich ein Projekt erstellt, die Schnittstelle ist wie folgt:

Dies wurde mithilfe von Framesets durchgeführt. Bei der Entwicklung auf einem Breitbildschirm traten keine Probleme auf, bis ein Benutzer es auf einem 800 x 600-Computer testete und feststellte, dass die gesamte Benutzeroberfläche deformiert war.
Damals war die gesamte Frameset-Seite nur 600 Pixel hoch und in den im Frameset verschachtelten Frames erschienen Bildlaufleisten, was wirklich hässlich war. Wie kann ich die Höhe des Framesets höher einstellen, sodass die verschachtelte Frameseite keine Bildlaufleiste hat, das Frameset jedoch eine Bildlaufleiste?

Die Höhe des Framesets kann nicht festgelegt werden, zum Beispiel: <frameset rows="110,*" style="height: 1900px;">. Zu diesem Zeitpunkt hat die Seite noch die Höhe des Bildschirms und nicht 1900 Pixel. Auch die Einstellung der Höhe des Framesets ist ungültig. Was sollte ich tun? Ich habe Baidu viele Tage lang durchsucht, konnte aber keine Antwort finden. Daher blieb diese Frage unbeantwortet. Ich habe auch überlegt, den Künstler zu bitten, das Frameset durch DIV+CSS zu ersetzen, hatte aber Angst, dass dies zu viele Inhalte und einen zu großen Arbeitsaufwand mit sich bringen würde, sodass ich aufgeben musste.

Inspiration ist eine seltsame Sache. Sie kann kommen oder auch nicht, aber wenn sie kommt, kann man sie nicht mehr aufhalten. Dieses Problem bestand etwa einen Monat lang, heute trat es plötzlich auf und zwar mit einem Iframe. Als ich das Frameset darin verschachtelte und die Höhe der IFrame-Seite festlegte, kam der Effekt deutlich zum Vorschein. Ich möchte die Lösung mit Kollegen teilen, die auf das gleiche Problem gestoßen sind, es aber nicht lösen können.

1. Frameset-Seite (inner.html)

Code kopieren

Der Code lautet wie folgt:

2. Iframe-Seite (outer.html)
Der Schlüssel liegt darin, die Höhe dieser Seite festzulegen. Sie können sie so hoch einstellen, wie Sie möchten. Zu diesem Zeitpunkt hat auch das darin enthaltene Frameset diese Höhe.

Code kopieren

Der Code lautet wie folgt:

<<: So verhindern Sie doppelte Übermittlungen in einem JQuery-Projekt

>>: Was ist Webdesign

Mysql löst das N+1-Abfrageproblem der Datenbank

Lösung zur Schnittstellenverformung beim Einstellen der Frameset-Höhe

Mysql löst das N+1-Abfrageproblem der Datenbank

Erläuterung der MySQL-Transaktionsauswahl für die Aktualisierung und Datenkonsistenzverarbeitung

Grafisches Tutorial zur Installation und Konfiguration von Ubuntu 18.04 MySQL 8.0

Grafisches Tutorial zu MySQL-Downloads und Installationsdetails

Details zu den Überwachungseigenschaften der Uhr in Vue

mysql löst zeitzonenbezogene Probleme

Lösung für Verbindungsfehler beim MySQL-Server 5.5

So verwenden Sie den Flat Style zum Gestalten von Websites

Implementierungsbeispiel für die Bereitstellung von Docker rocketmq

Detaillierte Erklärung der JQuery-Datagrid-Abfrage

Artikel empfehlen

Detaillierte Erklärung der Meta-Tags und ihrer Verwendung in HTML

Einstellen der Engine MyISAM/InnoDB beim Erstellen einer Datentabelle in MySQL

So implementieren Sie die Navigationsfunktion im WeChat Mini-Programm

Einführung in neue ECMAscript-Objektfunktionen

Vue nutzt Amap zur Realisierung der Stadtpositionierung

Bevor wir eine Webseite erstellen, werfen wir einen Blick auf diese sogenannten Spezifikationen

Erste Schritte mit Front-End-Vue-Unit-Tests

js implementiert ein einfaches Warenkorbmodul

JavaScript zur Implementierung der mobilen Signaturfunktion

Prinzip und Anwendung der MySQL-Verbindungsabfrage

Ein Designer beschwert sich erneut über die offizielle Website von Hammer

VMware-Konfiguration von Hadoop zur Realisierung eines pseudoverteilten Grafik-Tutorials

Tutorial zur Installation von PHP auf CentOS über Yum

Dynamischer Sternenhimmel Hintergrund umgesetzt mit CSS3

So erstellen Sie eine TAR-Datei von WSL über Docker