반응형
@미디어 미디어 쿼리 및 ASP.NET MVC 면도기 구문 충돌
ASP에서 실행되는 큰 사이트가 있습니다.레이저 뷰 엔진을 사용한 NET MVC.
저는 전체 사이트의 모든 일반적인 스타일링이 포함된 기본 스타일시트를 가지고 있습니다.하지만 가끔 나는 페이지별 스타일을 가지고 있습니다.<head>페이지의 - 보통 이것은 한 줄 또는 두 줄입니다.
저는 CSS를 넣는 것을 특별히 좋아하지 않습니다.<head>관심사를 엄격히 구분하는 것이 아니라 해당 페이지에 특화된 한 두 줄의 경우 다른 파일을 첨부하여 대역폭을 추가할 필요가 없기 때문입니다.
페이지별 미디어 쿼리를 저장할 수 있는 인스턴스가 있습니다.<head>, 하지만 미디어 쿼리는 @ 기호와 괄호 {}을(를) 사용하기 때문에 면도기 구문과 충돌합니다.
@section cphPageHead{
<style>
/* PAGE SPECIFIC CSS */
...
@media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
{
... }
}
</style>
}
제가 이걸 피할 방법이 있을까요?
두 개의 @@ 기호를 사용합니다.@ 기호를 벗어나 @media를 클라이언트 측에서 올바르게 렌더링합니다.
또한 두 번 @@: 뒤에 공백을 추가해야 합니다.
@@ media only screen and (max-width : 960px)
@@media공간이 없어서 나에겐 통하지 않았습니다.
이것이 오래된 질문이라는 것을 알지만, 이것이 저에게 효과적인 유일한 해결책입니다.
@section cphPageHead{
<style type="text/css" media="screen and (max-width:959px)">
</style>
<style type="text/css" media="screen and (min-width:960px)">
</style>
}
언급URL : https://stackoverflow.com/questions/7027469/media-media-query-and-asp-net-mvc-razor-syntax-clash
반응형
'programing' 카테고리의 다른 글
| powershell: 문자열에서 모든 regex 문자를 탈출하는 방법 (0) | 2023.09.24 |
|---|---|
| char* 배열의 C 크기 (0) | 2023.09.24 |
| pyspark 데이터 프레임에서 문자열 유형의 열을 int 형식으로 변환하는 방법은 무엇입니까? (0) | 2023.09.24 |
| mysql/mariadb에서 ID가 같은 여러 행을 WHERE로 쿼리하는 방법 (0) | 2023.09.24 |
| 각도에서 ng-click not fireing in Angular클릭 시 JS가 실행됩니다. (0) | 2023.09.24 |