設(shè)置frameset的高度界面變形的解決方法

2024-08-26 00:11:32

字體：大中小

供稿：網(wǎng)友

目前做了一個(gè)項(xiàng)目，界面如下：

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

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

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

1、frameset頁面(inner.html)

復(fù)制代碼

上一篇：DOCTYPE聲明作用及用法詳解

下一篇：meta viewport使網(wǎng)頁在iPhone中滿屏顯示控制