বিষয়বস্তুতে যান

CSS মিডিয়া কুয়েরি জেনারেটর

CSS মিডিয়া কুয়েরি ভিজ্যুয়ালি তৈরি করুন। স্ক্রিন সাইজ, ওরিয়েন্টেশন, কালার স্কিম এবং আরও শর্ত যোগ করুন। সাধারণ ব্রেকপয়েন্টের জন্য প্রিসেট ব্যবহার করুন। CSS কোড কপি করুন। বিনামূল্যে অনলাইন টুল।

শর্তাবলী
দ্রুত প্রিসেট
CSS আউটপুট
 

CSS মিডিয়া কুয়েরি কী?

CSS মিডিয়া কুয়েরি ডিভাইসের বৈশিষ্ট্যের উপর ভিত্তি করে শর্তসাপেক্ষভাবে স্টাইল প্রয়োগ করতে দেয়, যেমন স্ক্রিন প্রস্থ, ওরিয়েন্টেশন, কালার স্কিম পছন্দ এবং আরও। এগুলো রেস্পন্সিভ ওয়েব ডিজাইনের ভিত্তি।

মিডিয়া ফিচার

min-width / max-width রেস্পন্সিভ লেআউটের জন্য স্ক্রিন প্রস্থ লক্ষ্য করে। orientation পোর্ট্রেট বা ল্যান্ডস্কেপ শনাক্ত করে। prefers-color-scheme ব্যবহারকারীর ডার্ক/লাইট মোড পছন্দ মান্য করে। prefers-reduced-motion অ্যাক্সেসিবিলিটি সেটিংস শনাক্ত করে। hover এবং pointer ইনপুট ক্ষমতা শনাক্ত করে।

গোপনীয়তা

সমস্ত মিডিয়া কুয়েরি জেনারেশন 100% আপনার ব্রাউজারে চলে। কোনো ডেটা কোনো সার্ভারে পাঠানো হয় না।