在網頁設計中,HTML5的高度設置是非常重要的，它可以決定網頁在瀏覽器中顯示的大小和比例是什么樣的，下面我們來了解一下如何設置HTML5的屏幕高度。
<!DOCTYPE html>
<html>
<head>
<title>網頁標題</title>
<style>
body {
height: 100%;
margin: 0;
padding: 0;
}
#content {
height: 100%;
width: 100%;
background-color: #ccc;
}
</style>
</head>
<body>
<div id="content">
<!-- 內容區域 -->
</div>
</body>
</html>代碼中，我們首先設置了整個body的高度為100%,用來讓整個頁面占滿屏幕，接著我們設置了一個div的id為content，這個div就是網頁的主要內容區域。我們將這個div的高度和寬度都設置成了100%, 讓它和body的高度一樣高，寬度和手機屏幕一樣寬.
通過這樣設置，我們就可以讓我們的網頁在任何設備中都能夠完美地適應屏幕大小，不對用戶造成視覺上的不適。
上一篇html5小恐龍代碼
下一篇html5居下代碼