使用frameset做的，在寬屏下開(kāi)發(fā)一直沒(méi)有發(fā)現(xiàn)什么問(wèn)題，直到一個(gè)用戶使用800*600的機(jī)子測(cè)試的時(shí)候，才發(fā)現(xiàn)整個(gè)界面都被變形了。
目前做了一個(gè)項(xiàng)目，界面如下：
這是使用frameset做的，在寬屏下開(kāi)發(fā)一直沒(méi)有發(fā)現(xiàn)什么問(wèn)題，直到一個(gè)用戶使用800*600的機(jī)子測(cè)試的時(shí)候，才發(fā)現(xiàn)整個(gè)界面都被變形了。
那時(shí)整個(gè)frameset頁(yè)面只有600像素高度，frameset嵌套的frame出現(xiàn)了滾動(dòng)條，實(shí)在難看。怎么把frameset的高度設(shè)置高點(diǎn)，讓其嵌套的frame頁(yè)面沒(méi)有滾動(dòng)條，而讓frameset有滾動(dòng)條呢？
frameset的高度是設(shè)置不了的，比如：<frameset rows="110,*" style="height: 1900px;">。這時(shí)的頁(yè)面還是屏幕的高度，并不是1900px；設(shè)置frameset的body的高度也無(wú)效。怎么辦呢？我baidu了好多天，都沒(méi)找到答案，這個(gè)問(wèn)題就一直擱置著。也想到叫美工用DIV+CSS替換了frameset，但怕?tīng)可娴膬?nèi)容太多，換的工作量也許很大，只好作罷。
靈感這東西真是怪，要來(lái)不來(lái)，來(lái)了擋也擋不住。就在這個(gè)問(wèn)題放了一個(gè)來(lái)月后，今天它突然來(lái)了，來(lái)的時(shí)候還帶著iframe。當(dāng)我把frameset嵌套其中，并設(shè)置iframse頁(yè)面的高度，效果果然出來(lái)了。現(xiàn)把解決方案與遇到相同問(wèn)題而解決不了的同仁分享。
1、frameset頁(yè)面(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頁(yè)面(outer.html)
關(guān)鍵是設(shè)置這個(gè)頁(yè)面的高度，想要多高就設(shè)置多高，隨你。這時(shí)里面包含的frameset也會(huì)是這個(gè)高度。
代碼如下:
<body style="margin: 0px;height: 580px;width:960px;">
<iframe src="inner.html"
style="height:100%;width:100%;border-width: 0px;">
</iframe>
</body>
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試