ASP.NET MVC剃刀：CSSブロックの条件付き属性

Question

このようなスタイルタグの条件を使用することはできますか？

<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を使用する必要がありますか？

Answer 1

あなたのCSSをCSSファイルに入れ、条件付きでファイルを読み込むのではなく、特定のクラスをターゲットにする必要があります。 次に、レイザーを使用してタグに条件付きクラスを含めることができます。何かのように：あなたのCSSファイルで次に

@{ 
    var imgType = ViewBag.type == "mobile"?"for-mobile":"for-desktop"; 
} 

<img class="@imgType" src="..."/> 

：

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

.for-desktop{ 
    height: 100vh; 
}