設定frameset的高度介面變形的解決方法
阿新 • • 發佈:2018-12-23
在用frameset時在不同瀏覽器下,會發現自己做的介面變形,可能會被拉伸或者壓縮。在同一瀏覽器下改變視窗大小也可能有這問題。
因為frameset使用時每個子框架是按比例排版的,就是佔視窗大小的百分之幾。當視窗變化時就會出現變行的情況。 為了解決這一問題,百度了好久也沒找出好的解決方案。 天不負有心人,終於找發現了一個好的解決方案:使用iframe。
因為frameset使用時每個子框架是按比例排版的,就是佔視窗大小的百分之幾。當視窗變化時就會出現變行的情況。 為了解決這一問題,百度了好久也沒找出好的解決方案。 天不負有心人,終於找發現了一個好的解決方案:使用iframe。
iframe規定了頁面的大小。當視窗大小發生變化時,會出現滾動條。而不會出現被拉伸或者被擠壓的情況。<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage=""%> <HTML> <head> <title>人事管理系統</title> <!-- 普通使用者主介面 --> <style type="text/css"> <!-- --> </style> </head> <body style="margin: 0px; height: 600px; width: 1000px;"> <iframe src="index.jsp" style="height: 100%; width: 100%; border-width: 0px;"> </iframe> </body> </HTML>
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage=""%> <HTML> <head> <title>人事管理系統</title> <!-- 普通使用者主介面 --> <style type="text/css"> <!-- --> </style> </head> <frameset rows="80,600,70" frameborder="no" border="0" framespacing="0" id = "main"> <frame src = "TopFrame.jsp" name = "topFrame" noresize="noresize" scrolling="No"> <frameset cols="200,800" frameborder="no" border="0" framespacing="0"> <frame src="LeftFrame.jsp" name="LeftFrame" id="mainLeftFrame" noresize="noresize" scrolling="No"/> <frame src="cardManagement.jsp" name="mainRightFrame" id="RightFrame" scrolling="Yes"/> </frameset> <frame src="BottomFrame.jsp" name="bottomFrame" scrolling="No" noresize="noresize"/> </frameset> </HTML>