@ মিডিয়া মিডিয়া ক্যোয়ারী এবং এএসপি.নেট এমভিসি রেজার সিনট্যাক্স সংঘাত

214

আমি একটি বড় সাইট পেয়েছি যা রেজার ভিউ ইঞ্জিন ব্যবহার করে এএসপি.নেট এমভিসিতে চলে।

আমার একটি বেস স্টাইলশিট রয়েছে যাতে পুরো সাইটের জন্য জেনেরিক স্টাইলিং রয়েছে। উপলক্ষে, তবে আমার পৃষ্ঠা নির্দিষ্ট শৈলী রয়েছে যা <head>পৃষ্ঠার মধ্যে রয়েছে - সাধারণত এটি এক বা 2 লাইন।

আমি বিশেষত সিএসএসকে <head>উদ্বেগের কঠোরভাবে বিচ্ছিন্নকরণ হিসাবে স্থাপন করা পছন্দ করি না , তবে এক বা দুটি লাইনের জন্য, যা সত্যই সেই পৃষ্ঠাটির সাথে সুনির্দিষ্ট, আমি অন্য কোনও ফাইল সংযুক্ত করে ব্যান্ডউইথকে যুক্ত করতে পছন্দ করি না।

আমি যেখানে একটি পৃষ্ঠা নির্দিষ্ট মিডিয়া কোয়েরি রাখতে চাই সেখানে একটি উদাহরণ পেয়েছি <head>, তবে যেহেতু একটি মিডিয়া ক্যোয়ারী @ চিহ্ন এবং বন্ধনী ব্যবহার করে {} এটি রেজার সিনট্যাক্সের সাথে সংঘর্ষ করছে:

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

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

আমি কি এই উপায়টি পেতে পারি?

— স্নিফার
সূত্র

3

আমি এখনও মনে করি যে css stylesসিএসএস ফাইলে থাকা উচিত, বিশেষত পৃষ্ঠায় একটি "বৃহত্তর সাইট" রৈখিক সিএসএস সেরা অভ্যাস নয়। পিএস: আমার মতামত

— অ্যালেক্স

আমি @ অ্যালেক্সের সাথে একমত, তবে বৈধ ব্যবহারের ক্ষেত্রে উত্সাহী ব্যক্তিদের জন্য, সমালোচনামূলক সিএসএস বহিরাগতের চেয়ে দ্রুত ইনলাইন লোড করে। এটি সেই সুপারিগুলির জন্য একটি দুর্দান্ত সহজ কৌশল যা একটি সুপার দ্রুত প্রথম অর্থবহ পেইন্টের উপর নির্ভর করে।

— জন পাভেক

3

আর একটি ব্যবহারের ক্ষেত্রে ইমেলগুলি রেন্ডারিং করা হচ্ছে

— জান জহ্রাডনেক

477

ডাবল @@ চিহ্ন ব্যবহার করুন। এটি @ প্রতীক এড়াতে পারবেন এবং ক্লায়েন্টের পক্ষ থেকে @ মিডিয়া সঠিকভাবে রেন্ডার করবে

— archil
সূত্র

27

ডাবল @@ এর পরেও একটি স্থান যুক্ত মনে রাখবেন:

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

@@media কোন স্থান ছাড়া আমার জন্য কাজ করে না।

— এ-Sharabiani
সূত্র

2

সংক্ষেপিত সিএসএস ব্যবহার করার সময় এর সাথে একই রকম সমস্যা ছিল; আমি মনে করি যে @@ টি চারপাশে পাঠ্য দ্বারা বেষ্টিত ছিল এবং তাই রেজার এটি ব্যাখ্যা করার জন্য লড়াই করেছিল। আমি @@-এর আগে স্থান যুক্ত করার সিদ্ধান্ত নিয়েছি। বখশিশের জন্য ধন্যবাদ.

— অ্যান্টনি

1

এমনকি জায়গাটি দিয়েও, এটি আমার পক্ষে কার্যকর হয়নি। দাউটের উত্তর 2 টি বিভিন্ন styleউপাদান দিয়ে কাজ করেছে যদিও!

— সিপিএইচপিথন

7

আমি বুঝতে পারি এটি পুরানো প্রশ্ন, তবে এটিই আমার জন্য কাজ করা একমাত্র সমাধান:

@section cphPageHead{
    <style type="text/css" media="screen and (max-width:959px)">
    </style>


    <style type="text/css" media="screen and (min-width:960px)">
    </style>
}

— Daut
সূত্র