layuiadmin的iframe版在ios系統頁面無法自適應的解決方法介紹

這篇文章帶給大家的內容是關於layuiadmin的iframe版在ios系統頁面不能自適應的解決方法介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

layuiadmin官方示範的iframe版，在安卓上正常，但在ios上就會出現iframe頁面不能自適應的問題。
經過各種百度和谷歌，終於結合網路上的一些辦法，目前看是完美的結局了這個問題。
其實方法很簡單，就用js判斷客戶端，如果是ios，就是根據取得的螢幕參數，強制限制iframe頁面的寬度。
效果如下：
修改前：

#修改後：

#修改方法：1、在嵌入進iframe的每個頁面的裡面加個id，如2、引入jquery，並新增js程式碼：   

###

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

###備註：也可以直接在layui.js裡面加上上述程式碼，以後只需要在指定id就行了。 ######說實話，我是買不起layuiadmin，因為只是用來學習，所以花不起那個正版的錢。只是從官網演示裡面拔的皮，所以目前自己測試了沒問題，看大家測試後會有其它問題發現沒。 ######相關建議：#########父頁iframe高度自動適應子頁面iframe高度_html/css_WEB-ITnose################頁面能自適應手機螢幕大小，在裡面的圖片不能######

以上是layuiadmin的iframe版在ios系統頁面無法自適應的解決方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！