যখন থেকে প্রতিক্রিয়াশীল ওয়েব ডিজাইন হয়েছে, ডেভেলপাররা ব্রাউজারে ভিউপোর্টের আকারের উপর নয় ( মিডিয়া প্রশ্নের সাহায্যে ) তাদের প্রকৃত আকারের উপর ভিত্তি করে DOM উপাদানগুলি ডিজাইন করার সম্ভাবনা সম্পর্কে জিজ্ঞাসা করছে। আসলে, কন্টেইনার প্রশ্নগুলি (প্রাথমিকভাবে উপাদান প্রশ্ন) সম্ভবত সর্বাধিক অনুরোধ করা CSS ফাংশন যা এখনও ব্রাউজারে নেই।
ইতিমধ্যে অনেক , অনেক , অনেক পোস্ট রয়েছে যা ব্যাখ্যা করে যে ঠিক কেন সিএসএস -এ কন্টেইনার প্রশ্নগুলি বাস্তবায়ন করা কঠিন এবং কেন ব্রাউজার নির্মাতারা সেগুলি বাস্তবায়নে দ্বিধাগ্রস্ত। আপনি যদি এখন এটি উপভোগ করতে চান, তাহলে একটু জাভাস্ক্রিপ্ট সাহায্য করতে পারে:
c51c33e1533e68c3f8fd24633700789f
পুরো ব্যাপারটা তখন এরকম দেখাচ্ছে:
See the Pen by David Vielhuber (@vielhuber) on CodePen.
ব্রেকপয়েন্ট , সিলেক্টর এবং স্টাইল অ্যাট্রিবিউট বিভিন্ন ব্রেকপয়েন্ট, স্বয়ংক্রিয় নির্বাচক এবং যোগ করা ক্লাসের ধরন নির্ধারণ করতে ব্যবহার করা যেতে পারে। আপনি যদি স্ক্রিপ্টটি ব্যবহার করেন, তাহলে আপনি নিম্নোক্তভাবে তৈরি হওয়া ক্লাসগুলিকে সম্বোধন করতে পারেন:
c51c33e1533e68c3f8fd24633700789f
ওভারলে, পপআপ, সাইডবার বা কাস্টম এলিমেন্টের উপাদানগুলির জন্য কন্টেইনার প্রশ্নগুলির ব্যবহার বিশেষভাবে সার্থক - এমনকি এখন, উদাহরণস্বরূপ, উপরের স্ক্রিপ্ট সহ।