@ মিডিয়া-সাধারণ - আমাদের এটি কেন ব্যবহার করা দরকার?

Question

ম্যাজেন্টো 2 লিব ডকুমেন্টেশনে এটিতে নিম্নলিখিত রয়েছে:

@ মিডিয়া-কমন: সত্য | মিথ্যা - সাধারণ শৈলীর আউটপুট কিনা তা সেট করে। সাধারণ স্টাইলগুলির জন্য প্রতিবার আপনি ব্যবহার করা উচিত এমন কিছু স্টাইল যুক্ত করতে চান

& when (@media-common = true) {
    your styles
}

প্রশ্ন

এটি ব্যবহার করা এবং এটি ছাড়া কম লেখার মধ্যে পার্থক্য কী? যেমন:

& when (@media-common = true) {
    body {
        background: blue;
    }
}

এটি কীভাবে আলাদাভাবে সংকলন করে:

body {
    background: blue;
}

এটি নির্বিশেষে স্টাইলস-এল.সি.এসএস এবং স্টাইলস-এম.এস.এস. এ আউটপুট করা যাবে না?

Answer 1

ম্যাজেন্টো 2 মোবাইলের প্রথম পদ্ধতির অনুসরণ করে এবং @ মিডিয়া-কমন = সত্য বেস (মোবাইল) এবং এটি উপস্থিত থাকতে হবে শৈলী সংজ্ঞায়িত করতে ডিজাইন করা হয়েছিল styles-m.css। আপনি যদি এই ঘোষণার শৈলীগুলি ফেলে দেন তবে ফাইলগুলিতে styles-m.cssএবং উভয়ই আউটপুট করা হবে styles-l.css।

Comments

আহ যে আরও অর্থবোধ করে, আপনাকে ধন্যবাদ। সুতরাং যখন মিডিয়া-সাধারণ = সত্য এটি কেবল স্টাইলস-এম.এস.এসএস এ আউটপুট দেয় এবং মিডিয়া-কমন = মিথ্যা সেট করে কি একেবারেই ব্যবহার না করে?

— বেন ক্রুক

হ্যাঁ. আসলে মিডিয়া-সাধারণ: মিথ্যা; শুধুমাত্র ব্যবহৃত হয় styles-l.less। সুতরাং আমি মনে করি না যে কেউ কখনও falseকাস্টমস স্ট্যান্ড-অলোন সিএসএস ফাইল না রেখেই উদ্দেশ্য নিয়ে সেট করবে ? ব্যাকএন্ড শৈলীর জন্য আপনি উভয়ই ব্যবহার করতে পারেন: @ মিডিয়া-সাধারণ বা এই ঘোষণাটি ড্রপ করুন, কারণ সমস্ত স্টাইল একক সিএসএস ফাইলে রয়েছে।

— ওলগা

নন-মোবাইল ডিসপ্লেতে ম্যাজেন্টো যুক্ত হয় styles-l.less, সুতরাং styles-m.lessএখনও থেকে সমস্ত স্টাইল প্রয়োগ হয়, সুতরাং মিডিয়া-সাধারণের বাইরের কোড : সত্য উভয় ফাইলে যুক্ত করা হয়েছে?

— ভলভক্স

@ ভলভক্স ঠিক ব্যবহার করছেন না কারণ সত্য: মিডিয়া-সাধারণ ইচ্ছার আউটপুট উভয় শৈলী styles-l.lessএবং styles-m.less। মিডিয়া-কমন ব্যবহার করার সাথে সাথে : সত্য এটি স্টাইল এম তে স্টাইল আউট করবে তবে এটি মোবাইল এবং ডেস্কটপ উভয় ক্ষেত্রেই প্রয়োগ করা হবে! আমি এখন এটি পরীক্ষা করতে যাচ্ছি তা নিশ্চিত করার জন্য।

— মোহাম্মদ জোড়াইদ