css - Symfony2 设置 css 媒体类型(所有、打印、屏幕、手持设备)

Question

我想我到处寻找，但没有成功。我正在学习 Symfony2，所以我可能忽略了一些东西。

这是我加载 CSS 的方式(它工作正常):

{% stylesheets filter='cssrewrite'
 '@MyHomeBundle/Resources/public/css/*.css'
 '@MyAuthBundle/Resources/public/css/*.css'
 '@MyUserBundle/Resources/public/css/*.css'
  <link rel="stylesheet" media="screen" type="text/css" href="{{ asset_url }}" />
{% endstylesheets %}

问题是我如何区分媒体:手持、打印、屏幕？

发现在旧的 Symfony 版本上，有一个文件 view.yml，其中可以标记“mobile.css”将只为小型设备等加载。到那时我发现了讨论 http://www.mail-archive.com/symfony-devs@googlegroups.com/msg07718.html Symfony2 中的新方法要好得多，删除这个 view.yml 是很好的一步。然而，这让我无法解决我的问题。

所以问题是:如何为 mobile.css 指定 media="handheld"或为可打印版本指定 media="print"，以便从我的包中获取？

我猜这可能是某种条件，测试 Twig 中的名称，并根据名称，例如 home_mobile.css 或 home_print.css 将相应地加载 media="handheld"或 media="print"，默认情况下media="screen"- 但如果这是正确的方向，如何实现呢？

谢谢你的帮助

Answer 1

我也找不到官方答案，但可以使用两组样式表标签。

{% stylesheets filter='less,cssembed,cssrewrite,?yui_css' output='css/screen.css'
    'bundles/wolproject/css/main.less'
%}
<link href="{{ asset_url }}" type="text/css" rel="stylesheet" media="all" />
{% endstylesheets %}

{% stylesheets filter='less,cssembed,cssrewrite,?yui_css' output='css/print.css'
    'bundles/wolproject/css/print.less'
%}
<link href="{{ asset_url }}" type="text/css" rel="stylesheet" media="print" />
{% endstylesheets %}