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에서는 "mobile.css"가 소형 장치에만로드된다는 사실을 표시 할 수있는 view.yml 파일이 있다는 것을 알게되었습니다. 그때까지 내가 토론을 발견했습니다. http://www.mail-archive.com/symfony-devs@googlegroups.com/msg07718.html Symfony2의 새로운 접근 방식 훨씬 더 크고이 view.yml을 제거하는 것은 좋은 단계였습니다. 그럼에도 불구하고 그것은 내 문제에 대한 해결책없이 나를 떠났다.

그래서 문제는 다음과 같습니다. mobile.css 또는 media = "print"(인쇄 가능한 버전)를 내 번들에서 가져올 수 있도록하기 위해 media = "handheld"를 어떻게 지정합니까?

나는 이것이 나뭇 가지의 이름을 테스트하고 이름에 따라 달라질 수 있습니다. 예를 들어 home_mobile.css 또는 home_print.css가 그에 따라 media = "handheld"또는 media = "print"를로드하고 기본 미디어 = "화면"-하지만 이것이 올바른 방향이고 어떻게 달성 할 수 있습니까?

도움 주셔서 감사합니다.

Answer 1

대답은 아니지만 다른 해결책입니다.

사이트의 규모에 따라 인쇄 및 장치에 대한 미디어 쿼리와 함께 페이지로드 시간을 단축하기 위해 사이트의 규모에 따라 단일 CSS 파일에 모든 내용을 보관할 수 있습니다. 위의 코드를 media = "all"로 변경할 수 있습니다.

링크 관련 - 나는 스타일 태그의 두 세트를 사용하여 공식적인 답변 중을 찾을 수 없었다 http://css-tricks.com/one-two-three/

Answer 2

작동합니다.

{% 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 %}