這篇文章帶給大家的內容是關於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');
}以上是layuiadmin的iframe版在ios系統頁面無法自適應的解決方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！
