主頁 > 知識庫 > 設置frameset的高度 界面變形的解決方法

設置frameset的高度 界面變形的解決方法
熱門標簽：電銷機器人外呼失敗怎么回事 400電話座機怎么辦理 天津銷售電銷機器人公司 400電話申請好不好 齊齊哈爾地圖標注地點 邵陽市地圖標注app 南寧銷售外呼系統(tǒng)線路商 縣域地圖標注點 吃雞地圖標注設置
目前做了一個項目，界面如下：

這是使用frameset做的，在寬屏下開發(fā)一直沒有發(fā)現什么問題，直到一個用戶使用800*600的機子測試的時候，才發(fā)現整個界面都被變形了。
那時整個frameset頁面只有600像素高度，frameset嵌套的frame出現了滾動條，實在難看。怎么把frameset的高度設置高點，讓其嵌套的frame頁面沒有滾動條，而讓frameset有滾動條呢？

frameset的高度是設置不了的，比如：<frameset rows="110,*" style="height: 1900px;">。這時的頁面還是屏幕的高度，并不是1900px；設置frameset的body的高度也無效。怎么辦呢？我baidu了好多天，都沒找到答案，這個問題就一直擱置著。也想到叫美工用DIV+CSS替換了frameset，但怕牽涉的內容太多，換的工作量也許很大，只好作罷。

靈感這東西真是怪，要來不來，來了擋也擋不住。就在這個問題放了一個來月后，今天它突然來了，來的時候還帶著iframe。當我把frameset嵌套其中，并設置iframse頁面的高度，效果果然出來了?，F把解決方案與遇到相同問題而解決不了的同仁分享。

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 style="margin: 0px;height: 580px;width:960px;">
<iframe src="inner.html"
style="height:100%;width:100%;border-width: 0px;">
</iframe>
</body>

標簽：寧夏 日照 贛州 濟寧 延安 衡水 寧波 巨人網絡通訊聲明：本文標題《設置frameset的高度 界面變形的解決方法》，本文關鍵詞  設置,frameset,的,高度,界面,；如發(fā)現本文內容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡，涉及言論、版權與本站無關。

  • 相關文章
  • 下面列出與本文章《設置frameset的高度 界面變形的解決方法》相關的同類信息！
  • 本頁收集關于設置frameset的高度 界面變形的解決方法的相關信息資訊供網民參考！
    • 推薦文章