복붙노트

[CSS] @media 미디어 쿼리 및 ASP.NET MVC 면도기 구문 충돌

CSS

@media 미디어 쿼리 및 ASP.NET MVC 면도기 구문 충돌

해결법


  1. 1.이중 @@ 기호를 사용. 즉 기호 @ 탈출 클라이언트 측에서 제대로 @media 렌더링

    이중 @@ 기호를 사용. 즉 기호 @ 탈출 클라이언트 측에서 제대로 @media 렌더링


  2. 2.또한 @@ 이중 뒤에 공백을 추가해야합니다 :

    또한 @@ 이중 뒤에 공백을 추가해야합니다 :

     @@ media only screen and (max-width : 960px)
    

    @@없는 공간 미디어 나를 위해 작동하지 않았다.


  3. 3.나는이 오래된 질문이다 실현, 그러나 이것은 나를 위해 일한 유일한 솔루션입니다 :

    나는이 오래된 질문이다 실현, 그러나 이것은 나를 위해 일한 유일한 솔루션입니다 :

    @section cphPageHead{
        <style type="text/css" media="screen and (max-width:959px)">
        </style>
    
    
        <style type="text/css" media="screen and (min-width:960px)">
        </style>
    }
    
  4. from https://stackoverflow.com/questions/7027469/media-media-query-and-asp-net-mvc-razor-syntax-clash by cc-by-sa and MIT license