0

我想根据 CSS3 Media 查询结果在 smarty tpl 文件中包含一个文件。如果屏幕分辨率 <=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>
4

1 回答 1

0

你不会知道服务器端的屏幕分辨率是 Smarty 工作的地方，所以你不能用 smarty 来做。您选择的替代方案会起作用。也就是说，我很难相信您需要两组完全不同的标记。理想情况下，您会将不同的基于媒体的样式应用于一组标记；其余的布局也是如此。

于 2013-03-18T23:45:07.007 回答