當寬度大小更改標題div什麼是更好的解決方案？

Question

我有一個問題要問哪個是

當寬度大小改變時，更改我的標題內容的最佳方法是什麼？

可以將它與PHP會話= true來完成？就像寬度小於或等於500px時它會自動更改整個標題？或者它必須完成與JavaScript或jQuery會更好？

Answer 1

您應該使用媒體規則，這是您的案例更好的解決方案。

@media規則用於爲不同的媒體類型/設備定義不同的樣式規則。

在CSS2中稱爲媒體類型，而在CSS3中稱爲媒體查詢。 媒體查詢一下該設備的能力，並可以用來檢查很多東西，比如：視

寬度和高度的設備

方向的

• 寬度和高度（被平板/手機橫向或縱向模式？）
• 分辨率
• 和更

例如，如果我們正在使用這樣的一個：

@media screen and (min-width: 480px) { 
    body { 
     background-color: lightgreen; 
    } 
} 

它會給這個背景顏色的身體，而寬度大於480px。

你也可以看到這個例子包含使用媒體查詢不同寬度做工精細的菜單：https://jsfiddle.net/IA7medd/o89pn61t/