Heim > Artikel > Web-Frontend > Einführung in die Lösung des Problems, dass sich die Iframe-Version von Lauiadmin nicht an die iOS-Systemseite anpassen kann
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:
Nach der Änderung:
Änderungsmethode:
1. Fügen Sie dem
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'); }
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:
seinDas 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!