css - 使用 CSS3 媒体查询在 Samrty 中包含一个文件

Question

我想根据 CSS3 媒体查询结果在 smarty tpl 文件中包含一个文件。如果屏幕分辨率为 <=640，我将使用移动 header else 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 来做。不过，您选择的替代方案会起作用。也就是说，我很难相信您需要两组完全不同的标记。理想情况下，您可以将不同的基于媒体的样式应用于一组标记；布局的其余部分也是如此。