2016-05-17 61 views
-2

我有一個問題要問哪個是當寬度大小更改標題div什麼是更好的解決方案?

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

enter image description here

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

+0

你爲什麼標籤'PHP'? – Hassaan

+0

我在想使用php函數可以做到嗎?就像我爲寬度更改創建一個更多標題,標題將切換到其他標題。 – nonstop328

+0

但也許它是與HTML CSS相關,所以我被remoteved它 – nonstop328

回答

1

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

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

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

  • 寬度和高度的設備
  • 方向的

    • 寬度和高度(被平板/手機橫向或縱向模式?)
    • 分辨率
    • 和更

    例如,如果我們正在使用這樣的一個:

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

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

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

  • +0

    tq !!!你的答案真的幫助我很多,thx爲你的例子這真的有幫助這就是我想要的。 – nonstop328

    +0

    因爲這是一個老問題,我以前問過,但我會問一個問題。我可以在不使用媒體查詢的情況下實現此目的 – nonstop328

    +1

    您可以將其作爲手機版本使用,但您需要爲桌面和移動設備製作不同的佈局,然後根據設備加載佈局http://www.inmotionhosting.com/support/website/重定向/移動重定向 –

    相關問題