包括一个文件在Samrty使用CSS3媒体查询

Question

我想在smarty tpl文件中包含一个基于CSS3媒体查询结果的文件。如果屏幕分辨率为<=640，我将使用移动标头，否则header.tpl

我想到的一个替代方案是同时包含两个头文件，并一次阻止/显示一个。但它扰乱了我的页面布局。

是否有一种方法，我可以设置一个变量或一些条件，只包括一个头文件使用if语句?

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

Answer 1

你不知道服务器端的屏幕分辨率，这是Smarty工作的地方，所以你不能用Smarty做到这一点。不过，你选择的另一种选择是可行的。也就是说，我很难相信您需要两套完全不同的标记。理想情况下，你应该对一组标记应用不同的基于媒体的样式;对于布局的其余部分也是如此。