设置frameset的高度界面变形的解决方法

最新推荐文章于 2023-12-04 15:07:47 发布

最新推荐文章于 2023-12-04 15:07:47 发布 · 213 阅读

文章标签：

#java

本文介绍了一种解决网页在不同浏览器及窗口大小变化时界面变形的方法，即使用iframe代替frameset，确保页面布局稳定不变形。

在用frameset时在不同浏览器下，会发现自己做的界面变形，可能会被拉伸或者压缩。在同一浏览器下改变窗口大小也可能有这问题。

因为frameset使用时每个子框架是按比例排版的，就是占窗口大小的百分之几。当窗口变化时就会出现变行的情况。

为了解决这一问题，百度了好久也没找出好的解决方案。

天不负有心人，终于找发现了一个好的解决方案：使用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> iframe规定了页面的大小。当窗口大小发生变化时，会出现滚动条。而不会出现被拉伸或者被挤压的情况。

<%@ 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>