0

CSS3 Media クエリの結果をもとに smarty tpl ファイルにファイルをインクルードしたい。画面解像度が <=640 の場合、モバイル ヘッダーを使用します。それ以外の場合は、header.tpl

私が思いついた代替案の 1 つは、両方のヘッダー ファイルを含め、一度に 1 つずつブロック/表示することでした。しかし、それは私のページレイアウトを台無しにします。

if ステートメントを使用して、変数または条件を設定して、ヘッダー ファイルを 1 つだけ含める方法はありますか?

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

1 に答える 1

0

Smarty が機能するサーバー側の画面解像度がわからないので、Smarty でそれを行うことはできません。ただし、選択した代替手段は機能します。とはいえ、まったく異なる 2 つのマークアップ セットが必要だとは信じがたいです。理想的には、さまざまなメディア ベースのスタイルを 1 つのマークアップ セットに適用します。残りのレイアウトについても同様です。

于 2013-03-18T23:45:07.007 に答える