码迷,mamicode.com
首页 > 其他好文 > 详细

iphone在iframe页面的宽度不受父页面影响,避免撑开页面

时间:2017-04-21 21:38:18      阅读:2025      评论:0      收藏:0      [点我收藏+]

标签:bsp   浏览器   idt   cli   css   doc   效果   androi   广告   

因为工作需要在H5小游戏中插入广告,所以小游戏要放在iframe里面,但是那样的话在iphone手机上iframe的宽度限制不住,在Android设备上面是正常的所以要单独对iframe里面的body进行宽度限制才能实现效果。可以用css也可以用js来控制:

 

css就不写啦,js控制如下:判断浏览器设备,然后修改样式:

if (!navigator.userAgent.match(/iPad|iPhone/i)){

}else{
//如果是iphone,ipad,则重新修改body宽度值
alert("网页可见区域宽:"+document.body.clientWidth+"\n 屏幕可用工作区宽度:"+ window.screen.availWidth+"\n");
var bodyWidth = (window.screen.availWidth/document.body.clientWidth)*100+‘%‘;
document.write("<style>html,body{width:/‘"+bodyWidth+"/‘}</style>");
alert(bodyWidth);
}

iphone在iframe页面的宽度不受父页面影响,避免撑开页面

标签:bsp   浏览器   idt   cli   css   doc   效果   androi   广告   

原文地址:http://www.cnblogs.com/LChenglong/p/6745534.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!