首頁 > web前端 > html教學 > 設定frameset的高度 介面變形的解決方法_HTML/Xhtml_網頁製作

設定frameset的高度 介面變形的解決方法_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:41:27
原創
1693 人瀏覽過

目前做了一個項目,介面如下:

這是使用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;">
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板