ios设备上iframe宽度不能够按照100%匹配问题

scrolling 属性规定是否在 iframe 中显示滚动条。在ios设备下给他设置为 no 就可以了

<div class=\"frame_box\"><iframe class=\"my_frame\" id=\"myiframe\" src=\"http://m.isheyipai.com/\"></iframe></div>

设置样式

<style>.frame_box {width: 100%;height: 100%;}.my_frame {width: 100%;height: 100%;border: 0;}</style>

js

var w = $(window).width(),     //获取窗口宽度h = $(window).height(),    //获取窗口高度ifmbox = $(\".frame_box\"),  //获取iframe的父级iframe = $(\"#myiframe\");   //获取iframevar cssText = \"width:\" + w + \"px !important;\";  //设置样式宽度iframe.css(\"cssText\", cssText);   //设置iframe样式if (navigator.userAgent.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/)) {  //判断手机终端是ios还是其他ifmbox.addClass(\'ifm-ios\');iframe.attr(\"scrolling\", \"no\");}else {iframe.attr(\"scrolling\", \"yes\");iframe.height(h)}

• 点赞
• 收藏
• 分享
• 文章举报

@拼命姑娘@发布了14 篇原创文章 · 获赞 5 · 访问量 515私信关注