HTML5添加視口標簽代碼 在移動設備上瀏覽網頁時，頁面縮放和布局一直是一個難題。為了解決這個問題，HTML5推出了視口（viewport）標簽。視口標簽可以讓瀏覽器正確解釋頁面的寬度，從而更好地適應不同尺寸的屏幕。 視口標簽的基本用法如下： `````` 其中，`width=device-width`表示視口的寬度應該等于設備的寬度。`initial-scale=1.0`表示頁面的初始縮放級別為1，即不縮放。 下面是完整的視口標簽代碼： ```

視口標簽示例

這是一個使用視口標簽的網頁。

``` 在上面的例子中，我們在``標簽中添加了視口標簽，這樣瀏覽器就可以正確解析頁面的寬度，從而達到更好的顯示效果。 需要注意的是，視口標簽的使用需要結合CSS布局來進行。我們可以使用CSS的@media規則來針對不同尺寸的設備設置不同的樣式。例如： ``` @media (max-width: 768px) { /* 當屏幕寬度小于等于768像素時應用的樣式 */ } ``` 通過合理的布局和樣式設置，我們可以讓網頁在不同尺寸的屏幕上都能正常顯示和使用，為用戶帶來更好的瀏覽體驗。