미디어 쿼리 속보 사이트

Question

사이트에 배포 할 부트 스트랩 캐 러셀에 대한 코드가 있습니다. 대형 장치에서 완벽하게 작동하지만 미디어 쿼리를 추가하여 모바일 용으로 최적화하고 싶습니다.

그러나 스타일 시트에 미디어 쿼리를 추가 할 때마다 런타임 오류가 발생하고 사이트가 손상됩니다.

나는 Umbraco를 사용하고 있으며, 회전기는 부분보기입니다.

과 같은 빈 검색어를 추가 할 때

@media screen and (max-width:480px) { 
    body { 
    color: red; 
    } 
} 

나는 어떤 문제가있을 수 있습니까?

고맙습니다.

Answer 1

이렇게 변경하면 어떻게됩니까?

@@media screen and (max-width:480px) { 
    body { 
    color: red; 
    } 
} 

Answer 2

CSS는보기의 태그 내에 있고 @media를 사용하고 있으므로 @를 추가하여 @를 이스케이프 처리해야합니다. 당신이 면도기 코드를 작성하고 생각하는 컴파일러 @ 사용하고 그것을 단순히 오류시에 정의 된 변수가 없기 때문에 그것은, @media이 있어야하는데 알아낼 수 없기 때문에 그래서

@@media screen and (max-width:480px) 

에 코드를 변경의 이름. 나는 그것이 의미가 있기를 바랍니다.