最近在学习SSH的东西，做了一个小的程序来加深对SSH的理解
----------------------分割线-------------------------
在做的过程中，遇见一个问题，点击一个按钮的时候，弹出一个layer，样式是iframe的，在不同的情况下，没办法自适应，在网络上找了很久，都没解决，我苦思冥想，最后找到解决方案，具体如下：
首先是父窗口，A.jsp
按钮的响应事件代码
function btnClick(url){
$.layer({
type : 2,
title : false,
iframe : {
src : url,
scrolling:'no' //这句要加，如果你不想要滚动条的话
},
area : ['90%' , '90%'],
offset : ['10px','']
});
}
然后是子窗口，B.jsp
<body style="overflow:hidden; margin:0; width:auto; height:auto;">
<img src="图片源你自己定" width="100%" height="100%"/>
</body>
body的属性里面overflow:hidden;这句一定要写，至于高度和宽度，我都是直接设置百分比，这样就能实现弹窗大小自适应了。我在谷歌，火狐和IE上都测试过，可行！~
----------------------分割线-------------------------
在做的过程中，遇见一个问题，点击一个按钮的时候，弹出一个layer，样式是iframe的，在不同的情况下，没办法自适应，在网络上找了很久，都没解决，我苦思冥想，最后找到解决方案，具体如下：
首先是父窗口，A.jsp
按钮的响应事件代码
function btnClick(url){
$.layer({
type : 2,
title : false,
iframe : {
src : url,
scrolling:'no' //这句要加，如果你不想要滚动条的话
},
area : ['90%' , '90%'],
offset : ['10px','']
});
}
然后是子窗口，B.jsp
<body style="overflow:hidden; margin:0; width:auto; height:auto;">
<img src="图片源你自己定" width="100%" height="100%"/>
</body>
body的属性里面overflow:hidden;这句一定要写，至于高度和宽度，我都是直接设置百分比，这样就能实现弹窗大小自适应了。我在谷歌，火狐和IE上都测试过，可行！~
扫一扫
2273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
