和CSS是網頁設計過程中必不可少的組成部分。使用div標簽可以將網頁內容劃分為不同的區塊，使得頁面結構更加清晰明了。而CSS可以為網頁添加各種效果和樣式，美化頁面。其中一個比較酷的技巧是使用CSS自動屏幕。 首先我們需要創建一個div標簽，可以給它指定一個類名或ID，方便在CSS中對其進行樣式定義。接著，在CSS中添加以下代碼： pre{ margin: 0; padding: 0; } div{ height: 100vh; display: flex; align-items: center; justify-content: center; } 以上代碼中，pre標簽的作用是去掉頁面默認的邊距和填充，并不是實現自動屏幕的關鍵。關鍵在于div標簽的樣式設置。 首先我們設置div標簽的高度為100vh，vh是視口高度的單位。這意味著該div標簽將占據整個視口高度。接著，我們使用flex布局將其內容縱向居中和橫向居中。 這樣設置之后，無論在什么尺寸的屏幕下，該div標簽始終居中顯示。可以通過在div標簽中添加其他元素來實現更豐富的頁面效果。 總的來說，使用CSS自動屏幕是一種簡潔高效的頁面設計技巧，可以幫助我們實現靈活的頁面設計方案，也使得頁面在不同尺寸的屏幕上都能夠得到最佳的展示效果。