標題為 CSS 如何讓 div 全屏的文章如下：

在網頁設計中，為了讓文章能夠全屏顯示，我們需要使用 CSS 來控制 div 的樣式和大小，使其在整個屏幕上都能夠正常顯示。具體步驟如下：

1. 在 HTML 中添加一個標題元素，用于顯示文章標題。例如：

<h1>My的文章</h1>

2. 在 CSS 中添加樣式來控制標題元素的顯示。可以使用 CSS 的 `width` 和 `height` 屬性來設置 div 的樣式，使其寬度和高度均為整個屏幕的像素值。例如：

width: 100%;

height: 100%;

display: flex;

justify-content: center;

align-items: center;

上述代碼將設置標題元素的寬度和高度均為整個屏幕的像素值，并且使用 `display: flex` 將元素轉換為 Flexbox 布局，使其能夠適應不同的屏幕大小。

3. 在 CSS 中添加樣式來控制 div 的樣式和大小，使其在整個屏幕上都能夠正常顯示。可以使用 CSS 的 `width` 和 `height` 屬性來設置 div 的樣式，并將其設置為與標題元素相同的值。例如：

.container {

width: 100%;

height: 100%;

display: flex;

justify-content: center;

align-items: center;

.div {

width: 50%;

height: 50%;

background-color: blue;

transform: scale(0.7);

上述代碼將設置 div 元素的寬度和高度均為整個屏幕的像素值，并且將其寬度設置為 50%，將其高度設置為 50%。同時，使用 `transform: scale(0.7)` 將 div 元素縮放到原始大小的 70% 左右。

4. 保存 HTML 和 CSS 文件，并在瀏覽器中打開網頁，觀察標題和 div 元素的樣式是否都已正常顯示。

通過上述步驟，我們就使用 CSS 讓 div 全屏顯示了。需要注意的是，為了使文章標題和 div 元素能夠適應不同的屏幕大小，我們需要根據屏幕大小調整它們的樣式。