css - media media query و ASP.NET MVC raseor syntax clash




asp.net-mvc-3 razor (2)

استخدم رموز double. سيؤدي ذلك إلى الهروب من الرمز @ وتقديم المساعدةmedia بشكل صحيح على جانب العميل

لقد حصلت على موقع كبير يعمل في ASP.NET MVC باستخدام محرك عرض Razor.

لديّ صفحة أنماط أساسية تحتوي على جميع التصميمات العامة للموقع بأكمله. في بعض الأحيان ، ومع ذلك ، لدي أنماط محددة للصفحة في <head> الصفحة - عادة ما يكون هذا سطر واحد أو خطين.

لا أحب بشكل خاص وضع CSS في <head> أنه ليس فصلًا تامًا للمخاوف ، ولكن بالنسبة لواحد أو سطرين ، هذا محدد بشكل خاص لهذه الصفحة ، أفضل عدم إرفاق ملف آخر وإضافته إلى النطاق الترددي.

لقد حصلت على مثال على ذلك حيث أريد أن أضع استعلام وسائط خاص بالصفحة في <head> ، ولكن لأن استعلام الوسائط يستخدم الرمز @ والأقواس {} ، فإنه يتعارض مع بنية الشفرة:

@section cphPageHead{
     <style>
        /* PAGE SPECIFIC CSS */
        ...

        @media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
            {
               ... }
            } 
    </style>
}  

هل هناك طريقة يمكنني من خلالها التغلب على هذا؟


تذكر أيضًا إضافة مسافة بعد [email protected]:

 @@ media only screen and (max-width : 960px)

لم يعمل @@media مع عدم وجود مساحة بالنسبة لي.







media-queries