爱券网
返回列表 发新帖

设置frameset的高度 界面变形的解决方法

[复制链接]

1555

主题

1956

帖子

13万

积分

管理员

Rank: 9Rank: 9Rank: 9

UID
1
精华
0
金币
3151
威望
64600
注册时间
2016-3-24
最后登录
2021-1-23
发表于 2020-8-30 21:39:31  | 显示全部楼层 | 阅读模式
目前做了一个项目,界面如下:
设置frameset的高度 界面变形的解决方法-1.jpg
这是使用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="header.jsp" name="topFrame" scrolling="no" noresize="noresize" />
<frameset cols="170,12,*" framespacing="0" frameborder="no" border="0" id="mainFrameset">
<frame src="left.jsp" name="leftFrame"scrolling="auto" noresize="noresize" id="leftFrame"/>
<frame src="narrow.jsp" scrolling="no" noresize="noresize"/>
<frame src="" name="mainFrame" noresize="noresize" />
</frameset>
</frameset>
<noframes>
</noframes>
</html>


2、iframe页面(outer.html)
关键是设置这个页面的高度,想要多高就设置多高,随你。这时里面包含的frameset也会是这个高度。

复制代码代码如下:
<body >
<iframe src="inner.html"
>
</iframe>
</body>
回复

使用道具 举报

0

主题

305

帖子

4101

积分

论坛元老

Rank: 8Rank: 8

UID
211
精华
0
金币
3795
威望
1
注册时间
2016-4-27
最后登录
2020-9-29
发表于 2020-8-30 21:39:32  | 显示全部楼层
顶顶更健康~~
回复 支持 反对

使用道具 举报

0

主题

311

帖子

280

积分

下载VIP

Rank: 7Rank: 7Rank: 7

UID
229
精华
0
金币
-30
威望
0
注册时间
2016-5-3
最后登录
2020-9-29
发表于 2020-8-30 21:44:46  | 显示全部楼层
1v1飘过
回复 支持 反对

使用道具 举报

0

主题

319

帖子

4180

积分

论坛元老

Rank: 8Rank: 8

UID
172
精华
0
金币
3860
威望
1
注册时间
2016-4-19
最后登录
2020-9-23
发表于 2020-8-30 21:55:34  | 显示全部楼层
向楼主学习
回复 支持 反对

使用道具 举报

0

主题

310

帖子

2002

积分

金牌会员

Rank: 6Rank: 6

UID
317
精华
0
金币
1693
威望
0
注册时间
2016-5-22
最后登录
2020-9-21
发表于 2020-8-30 22:07:01  | 显示全部楼层
LZ帖子不给力,勉强给回复下吧
回复 支持 反对

使用道具 举报

0

主题

332

帖子

93

积分

注册会员

Rank: 2

UID
59
精华
0
金币
-240
威望
1
注册时间
2016-4-2
最后登录
2020-9-29
发表于 2020-8-30 22:19:57  | 显示全部楼层
这是什么东东啊
回复 支持 反对

使用道具 举报

0

主题

320

帖子

86

积分

注册会员

Rank: 2

UID
358
精华
0
金币
-233
威望
0
注册时间
2016-5-26
最后登录
2020-9-23
发表于 2020-8-30 22:31:39  | 显示全部楼层
没看完~~~~~~ 先顶,好同志
回复 支持 反对

使用道具 举报

0

主题

296

帖子

56

积分

注册会员

Rank: 2

UID
338
精华
0
金币
-239
威望
0
注册时间
2016-5-24
最后登录
2020-9-29
发表于 2020-8-30 22:43:52  | 显示全部楼层
帮帮顶顶!!
回复 支持 反对

使用道具 举报

0

主题

309

帖子

75

积分

注册会员

Rank: 2

UID
330
精华
0
金币
-233
威望
0
注册时间
2016-5-23
最后登录
2020-9-29
发表于 2020-8-30 23:00:22  | 显示全部楼层
支持你哈...................................
回复 支持 反对

使用道具 举报

0

主题

323

帖子

621

积分

高级会员

Rank: 4

UID
146
精华
0
金币
295
威望
2
注册时间
2016-4-14
最后登录
2020-9-24
发表于 2020-8-30 23:14:43  | 显示全部楼层
无论是不是沙发都得回复下
回复 支持 反对

使用道具 举报

发表回复

*滑块验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
关于我们
友情链接
联系我们
帮助中心
站长交流
购买须知
支付方式
服务支持
资源下载
售后服务
定制流程
关注我们
官方微博
官方空间
官方微信
快速回复 返回顶部 返回列表