使用CSS3媒體查詢在Samrty中包含文件

我想基於CSS3媒體查詢結果在smarty tpl文件中包含文件。如果屏幕分辨率爲< = 640，我將使用移動頭文件header.tpl使用CSS3媒體查詢在Samrty中包含文件

我想出的一個替代方案是包含兩個頭文件，並且一次阻塞/顯示一個頭文件。但它與我的頁面佈局混淆。

有沒有一種方法，我可以設置一個變量或一些條件，只包含一個頭文件使用if語句？

<span class="display-none-mobile"> 
     {include file="includes/header.tpl"} 
    </span> 
    <span class="display-none-desktop"> 
     {include file="includes/header-mobile.tpl"} 
    </span>

來源

2013-03-18 CodeMonkey

你不知道在服務器端的屏幕分辨率，這是Smarty的工作，所以你不能用smarty來做。你選擇的替代方案可以工作。這說我很難相信你需要兩套完全不同的標記。理想情況下，您可以將不同的基於媒體的樣式應用於一組標記;其餘的佈局也一樣。

來源

2013-03-18 23:45:07 prodigitalson

多數民衆贊成在搞亂我的佈局。 – CodeMonkey 2013-03-18 23:45:27

@CodeMonkey：然後找出爲什麼它搞砸了，並解決這個問題。我確定你是否發佈了一個關於社區會很樂意幫助的問題:-)另外，如果你實際上將其中的一個設置爲「display：none;」，因爲該類建議我不知道它如何能夠解決你的佈局問題。 .. – prodigitalson 2013-03-18 23:47:05

謝謝。所以你可能想說，我必須有一個頭，而不是兩個？ – CodeMonkey 2013-03-18 23:48:15

使用CSS3媒體查詢在Samrty中包含文件

回答

相關問題