使用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中包含文件

回答

相关问题