html代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=640, user-scalable=no" />
<link href="src/panel.css" rel="stylesheet"/>
<script src="src/jquery.js"></script>
</head>
<body>
<div id="panel">固定寬度布局</div>
</body>
</html>
css代碼
html,body
{
width : 100%;
height : 100%;
margin : 0;
padding: 0;
font-size: 24px;
}
#panel
{
width : 640px;
height: 100px;
background-color: red;
text-align : center;
line-height: 100px;
color: #FFFFFF;
}