lauiuiadminのiframe版がiosシステムページに適応できない問題の解決方法のご紹介

この記事の内容は、layuiadmin の iframe バージョンが iOS システム ページに適応できない問題の解決策に関するものです。必要な方は参考にしていただければ幸いです。

layuiadmin の公式デモの iframe バージョンは Android では正常に動作しますが、ios では iframe ページが適応できないという問題が発生します。
Baidu や Google をさまざまに調べ、最終的にインターネット上のいくつかの方法を組み合わせた結果、この問題は完全に解決されたようです。
実際、やり方は非常に簡単で、iosであれば取得した画面パラメータを元にjsを使ってiframeページの幅を強制的に制限するだけです。
効果は以下の通りです:
修正前:

修正方法: 1. i に埋め込まれた各ページに

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');
    }

正直、layuiadminは学習用なので正規版は買えません。公式サイトのデモからスキンを引っ張ってきたので、自分でテストしてみましたが、テスト後に他に問題がないかどうかを確認します。

関連する推奨事項:

親ページの iframe の高さは子ページの iframe height_html/css_WEB-ITnose に自動的に適応します

以上がlauiuiadminのiframe版がiosシステムページに適応できない問題の解決方法のご紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。