Layuiadmin의 iframe 버전이 iOS 시스템 페이지에 적응할 수 없는 문제에 대한 해결 방법 소개

layuiadmin의 iframe 버전이 iOS 시스템 페이지에 적응하지 못하는 문제에 대한 해결 방법에 대한 내용입니다. 도움이 필요한 친구에게 도움이 되길 바랍니다.

layuiadmin 공식 데모의 iframe 버전은 Android에서는 잘 작동하지만 iOS에서는 iframe 페이지가 적응할 수 없는 문제가 있습니다.
바이두와 구글에서 여러번 검색한 끝에 드디어 인터넷에서 몇 가지 방법을 결합해 보니 이제 이 문제는 완벽하게 해결된 것 같습니다.
사실 방법은 매우 간단합니다. js를 사용하여 클라이언트를 결정하면 됩니다. ios라면 얻은 화면 매개변수를 기반으로 iframe 페이지의 너비를 강제로 제한하는 것입니다.
효과는 다음과 같습니다.
수정 전:

수정 후:

수정 방법:
1. 프레임 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를 지정하세요.

솔직히 lauiadmin은 학습용이라 돈이 없어서 정품을 살 수가 없어요. 그냥 공식 홈페이지 데모에서 스킨을 가져와서 직접 테스트해 보았는데, 테스트 후 다른 문제는 없는지 확인해 보겠습니다.

관련 권장 사항:

상위 페이지 iframe 높이는 하위 페이지 iframe height_html/css_WEB-ITnose

페이지는 휴대폰 화면 크기에 맞게 자동으로 조정되지만 내부 사진은 조정할 수 없습니다

위 내용은 Layuiadmin의 iframe 버전이 iOS 시스템 페이지에 적응할 수 없는 문제에 대한 해결 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!