如何限制文本和元素一個div

Question

我只使用CSS & HTML

一切看起來都很好，直到我放大創建一個網頁裏。有一次，我在信放大開始流出的div。

我該如何解決這個問題？

Answer 1

您的問題與響應式網頁設計有關。默認情況下，人們在那裏創建自己的屏幕。但並不是每個人都有像您一樣的屏幕分辨率或視口等。

解決辦法：

媒體查詢：

有了媒體查詢，你可以改變你的CSS代碼，當用戶有不同的分辨率/視或有調整屏幕。

@media (max-width: 979px) { 
    .h2 { 
     font-size: 10px; 
    } 
} 

當用戶的屏幕寬度小於979px時，這會將h2標籤的字體更改爲10px。我將爲您提供一個w3Schools頁面的鏈接，以便您瞭解@media規則具有哪些屬性。

Media queries w3cschools

提示： 您可以通過打開Chrome開發人員工具和調整您的瀏覽器中看到您的分辨率（左上角）

如果您有任何未來的問題，請讓我知道我會解釋一些關於媒體查詢的內容。