設置frameset的高度界面變形的解決方法_HTML/Xhtml_網頁制作

來源：懂視網責編：小采時間：2020-11-27 16:47:13

設置frameset的高度界面變形的解決方法_HTML/Xhtml_網頁制作

設置frameset的高度界面變形的解決方法_HTML/Xhtml_網頁制作:目前做了一個項目，界面如下：這是使用frameset做的，在寬屏下開發一直沒有發現什么問題，直到一個用戶使用800*600的機子測試的時候，才發現整個界面都被變形了。那時整個frameset頁面只有600像素高度，frameset嵌套的frame出現了滾動條，實在難看。怎么

推薦度：

點擊下載本文 文檔為doc格式

導讀設置frameset的高度界面變形的解決方法_HTML/Xhtml_網頁制作:目前做了一個項目，界面如下：這是使用frameset做的，在寬屏下開發一直沒有發現什么問題，直到一個用戶使用800*600的機子測試的時候，才發現整個界面都被變形了。那時整個frameset頁面只有600像素高度，frameset嵌套的frame出現了滾動條，實在難看。怎么

目前做了一個項目，界面如下：

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

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

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

1、frameset頁面(inner.html)

代碼如下:

2、iframe頁面(outer.html)
關鍵是設置這個頁面的高度，想要多高就設置多高，隨你。這時里面包含的frameset也會是這個高度。

代碼如下:

style="height:100%;width:100%;border-width: 0px;">

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com