项目需求:当浏览器窗口改变时, 窗口内容会变形, 所以需要将文档宽度设置为最小为900,
即当浏览器窗口宽度大于900时,文档宽度等于浏览器窗口宽度,
当浏览器窗口看度小于900时,文档宽度等于900.
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'test.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script src="jquery/jquery-1.11/jquery.min.js"></script>
<script>
$(function() {
resizeDocument();
});
//设置文档最小宽度.
function resizeDocument() {
var width = 900;
//刷新页面时会重新设置文档高度.
console.info('当前窗口宽度为' + $(window).width());
var bodyWidth = ($(window).width() <= width) ? width : $(window).width();
console.info('当前文档宽度为' + bodyWidth);
$('body').width(bodyWidth);
//当浏览器窗口大小改变时会触发如下方法重新设置文档高度.
$(window).resize(function () {
console.info('当前窗口宽度为' + $(window).width());
var bodyWidth = ($(window).width() <= width) ? width : $(window).width();
console.info('当前文档宽度为' + bodyWidth);
$('body').width(bodyWidth);
});
};
</script>
</head>
<body>
<div>设置页面最小宽度设置页面最小宽度设置页面最小宽度设置页面最小宽度设置页面最小宽度设置页面最小宽度设置页面最小宽度设置页面最小宽度设置页面最小宽度设置页面最小宽度设置页面最小宽度</div>
</body>
</html>
赶紧试试吧!!!!!!