HTML代碼整體縮放是為了讓網頁在不同大小的設備上能夠正常顯示。在實際的開發中，我們會發現在不同設備上網頁的顯示情況有所不同，這時就需要使用整體縮放的方法調整頁面顯示。
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML代碼整體縮放</title> </head> <body> <p>這是一段測試文字。</p> </body> </html>
在上面的代碼中，我們添加了一個meta標簽，其中width=device-width表示網頁的寬度與設備寬度相同，initial-scale=1.0表示初始縮放級別為1.0（即不縮放）。這樣，在不同設備上打開該網頁時，頁面會根據設備大小自動調整縮放比例，以確保整個頁面能夠完整顯示。
另外，在實際開發中，為了使網頁在不同設備上顯示效果更加穩定，還可以采用響應式網頁設計的方法，即通過媒體查詢和流式布局等技術，根據設備屏幕大小自動調整頁面布局和樣式，以提供更加舒適的用戶瀏覽體驗。