asp.net MVC

How to add @media query in asp.net mvc razor view page I am getting syntax clashes?

How to add @media query in asp.net mvc razor view page I am getting syntax clashes?, someone asked me to explain?

I want to put specific @media query in asp.net mvc razor view html page in c#. But when I use media query on the page I got syntax clashes.

Solution:

To solve the problem I used double @@ symbol and my problem get resolved.

Razer view:

<style type="text/css">
   @@media (min-width: 992px) {
       .style-box {
           border: 1px solid red;
           width: 450px;
           height: 300px;
           padding:5px;
       }
   }
</style>

 

Post your comments / questions