2017-11-15 3 views
0

이와 비슷한 스타일 태그의 조건을 사용할 수 있습니까?ASP.NET MVC 면도기 : CSS 블록의 조건부 속성

<style> 
    @@media (min-width: 765px) { 
    html,body 
     { 
     min-width: auto; 
     width: 100%; 
     @{ 
      if (ViewBag.type == "pic") 
      { 
       @:min-height:100vh; 
       @:height:auto; 
      } 
      else { 
       @:height: 100vh; 
      } 
      } 
     } 
    } 
</style> 

아니면 HTML로 CSS를 직접 사용해야합니까?

+0

당신이 https://stackoverflow.com/questions/11785166/conditionally- HTML 태그에 적용하려고 할 수 있습니다 CSS 파일에서 다음

@{ var imgType = ViewBag.type == "mobile"?"for-mobile":"for-desktop"; } <img class="@imgType" src="..."/> 

change-css-class-in-razor-view – Saineshwar

+0

이 CSS는 모바일 장치 용입니다. 차이점 파일을 작성하고 동적으로로드해야합니다. –

답변

2

CSS를 CSS 파일에 넣고 파일을 조건부로로드하는 대신 특정 클래스를 대상으로 지정해야합니다. 그런 다음 면도기를 사용하여 태그에 조건부 클래스를 포함 할 수 있습니다. 뭔가 같은 : 당신이 CSS의 조건을하려는 이유

.for-mobile{ 
     min-height:100vh; 
     height:auto; 
} 

.for-desktop{ 
    height: 100vh; 
}