Heim > Web-Frontend > js-Tutorial > Einführung in die Lösung des Problems, dass sich die Iframe-Version von Lauiadmin nicht an die iOS-Systemseite anpassen kann

Einführung in die Lösung des Problems, dass sich die Iframe-Version von Lauiadmin nicht an die iOS-Systemseite anpassen kann

不言
Freigeben: 2018-08-25 11:24:41
Original
5995 Leute haben es durchsucht

Der Inhalt dieses Artikels besteht darin, die Lösung für das Problem vorzustellen, dass sich die Iframe-Version von Lauiadmin nicht an die iOS-Systemseite anpassen kann. Ich hoffe, dass er hilfreich ist zu dir. .

Die Iframe-Version der offiziellen Demo vonlayuiadmin funktioniert gut auf Android, aber auf iOS wird es ein Problem geben, dass die Iframe-Seite nicht angepasst werden kann.
Nach mehreren Suchanfragen bei Baidu und Google habe ich endlich einige Methoden im Internet kombiniert und nun scheint es, dass dieses Problem perfekt gelöst wurde.
Tatsächlich ist die Methode sehr einfach. Verwenden Sie einfach js, um den Client zu bestimmen. Wenn es sich um iOS handelt, wird die Breite der Iframe-Seite basierend auf den erhaltenen Bildschirmparametern zwangsweise begrenzt.
Der Effekt ist wie folgt:
Vor der Änderung:
Einführung in die Lösung des Problems, dass sich die Iframe-Version von Lauiadmin nicht an die iOS-Systemseite anpassen kann

Einführung in die Lösung des Problems, dass sich die Iframe-Version von Lauiadmin nicht an die iOS-Systemseite anpassen kann

Nach der Änderung:

Einführung in die Lösung des Problems, dass sich die Iframe-Version von Lauiadmin nicht an die iOS-Systemseite anpassen kann

Einführung in die Lösung des Problems, dass sich die Iframe-Version von Lauiadmin nicht an die iOS-Systemseite anpassen kann

Änderungsmethode:
1. Fügen Sie dem

eine ID hinzu, z. B.
2. Führen Sie jquery ein und fügen Sie js-Code hinzu:
var ua = navigator.userAgent.toLowerCase();
    var screenwidth = window.screen.width;
    if(!/iphone|ipad|ipod/.test(ua)){
        $("#iosiframe").attr("scrolling","auto");
    }else{
        $('#iosiframe').width(screenwidth + 'px');
    }
Nach dem Login kopieren

Hinweis: Sie können den obigen Code auch direkt zulayui.js hinzufügen Um den

hinzuzufügen, geben Sie einfach die ID an.

Um ehrlich zu sein, kann ich mir Lauiadmin nicht leisten, weil es nur zum Lernen dient, also kann ich mir die Originalversion nicht leisten. Ich habe den Skin gerade von der offiziellen Website-Demo heruntergeladen, also habe ich ihn selbst getestet und es gibt kein Problem. Mal sehen, ob Sie nach dem Testen weitere Probleme feststellen.

Verwandte Empfehlungen:

Die Iframe-Höhe der übergeordneten Seite passt sich automatisch an die Iframe-Höhe der untergeordneten Seite_html/css_WEB-ITnose an

Seite Es kann sich an die Größe des Mobiltelefonbildschirms anpassen und die darin enthaltenen Bilder können nicht

sein

Das obige ist der detaillierte Inhalt vonEinführung in die Lösung des Problems, dass sich die Iframe-Version von Lauiadmin nicht an die iOS-Systemseite anpassen kann. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage