富贵资源网 Design By www.hznty.com
目前做了一个项目，界面如下：
这是使用frameset做的，在宽屏下开发一直没有发现什么问题，直到一个用户使用800*600的机子测试的时候，才发现整个界面都被变形了。
那时整个frameset页面只有600像素高度，frameset嵌套的frame出现了滚动条，实在难看。怎么把frameset的高度设置高点，让其嵌套的frame页面没有滚动条，而让frameset有滚动条呢？
frameset的高度是设置不了的，比如：<frameset rows="110,*" style="height: 1900px;">。这时的页面还是屏幕的高度，并不是1900px；设置frameset的body的高度也无效。怎么办呢？我baidu了好多天，都没找到答案，这个问题就一直搁置着。也想到叫美工用DIV+CSS替换了frameset，但怕牵涉的内容太多，换的工作量也许很大，只好作罢。
灵感这东西真是怪，要来不来，来了挡也挡不住。就在这个问题放了一个来月后，今天它突然来了，来的时候还带着iframe。当我把frameset嵌套其中，并设置iframse页面的高度，效果果然出来了。现把解决方案与遇到相同问题而解决不了的同仁分享。
1、frameset页面(inner.html)
复制代码代码如下:
<html>
<frameset rows="110,*" frameborder="no" border="0" framespacing="-4px">
<frame src="/UploadFiles/2021-03-30/header.jsp"><frameset cols="170,12,*" framespacing="0" frameborder="no" border="0" id="mainFrameset">
<frame src="left.jsp"><frame src="narrow.jsp"><frame src=""></frameset>
</frameset>
<noframes>
</noframes>
</html>
2、iframe页面(outer.html)
关键是设置这个页面的高度，想要多高就设置多高，随你。这时里面包含的frameset也会是这个高度。
复制代码代码如下:
<body style="margin: 0px;height: 580px;width:960px;">
<iframe src="/UploadFiles/2021-03-30/inner.html">style="height:100%;width:100%;border-width: 0px;">
</iframe>
</body>
这是使用frameset做的，在宽屏下开发一直没有发现什么问题，直到一个用户使用800*600的机子测试的时候，才发现整个界面都被变形了。
那时整个frameset页面只有600像素高度，frameset嵌套的frame出现了滚动条，实在难看。怎么把frameset的高度设置高点，让其嵌套的frame页面没有滚动条，而让frameset有滚动条呢？
frameset的高度是设置不了的，比如：<frameset rows="110,*" style="height: 1900px;">。这时的页面还是屏幕的高度，并不是1900px；设置frameset的body的高度也无效。怎么办呢？我baidu了好多天，都没找到答案，这个问题就一直搁置着。也想到叫美工用DIV+CSS替换了frameset，但怕牵涉的内容太多，换的工作量也许很大，只好作罢。
灵感这东西真是怪，要来不来，来了挡也挡不住。就在这个问题放了一个来月后，今天它突然来了，来的时候还带着iframe。当我把frameset嵌套其中，并设置iframse页面的高度，效果果然出来了。现把解决方案与遇到相同问题而解决不了的同仁分享。
1、frameset页面(inner.html)
复制代码代码如下:
<html>
<frameset rows="110,*" frameborder="no" border="0" framespacing="-4px">
<frame src="/UploadFiles/2021-03-30/header.jsp"><frameset cols="170,12,*" framespacing="0" frameborder="no" border="0" id="mainFrameset">
<frame src="left.jsp"><frame src="narrow.jsp"><frame src=""></frameset>
</frameset>
<noframes>
</noframes>
</html>
2、iframe页面(outer.html)
关键是设置这个页面的高度，想要多高就设置多高，随你。这时里面包含的frameset也会是这个高度。
复制代码代码如下:
<body style="margin: 0px;height: 580px;width:960px;">
<iframe src="/UploadFiles/2021-03-30/inner.html">style="height:100%;width:100%;border-width: 0px;">
</iframe>
</body>
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。