কিভাবে তৈরি করা: সাধারণ ডিভাইস ব্রেকপইন্ট

পূর্ববর্তী পৃষ্ঠা বন্ধকরণযোগ্য তালিকাভাগ
পরবর্তী পৃষ্ঠা ট্র্যাগবলটম এইচটিএমএল ইলেমেন্ট

কিভাবে সাধারণ ডিভাইস ব্রেকপইন্টের জন্য মিডিয়া কোরিয়া ব্যবহার করতে শিখুন

সাধারণ ডিভাইস ব্রেকপইন্ট

বিভিন্ন উচ্চতা এবং প্রস্থ সহ বেশ কিছু স্ক্রিন এবং ডিভাইস রয়েছে, তাই প্রত্যেক ডিভাইসের জন্য সঠিক ব্রেকপইন্ট তৈরি করা কঠিন

কার্যকরী করার জন্য, আপনি পাঁচটি সাধারণ গোষ্ঠীকে অবস্থান করতে পারেন:

প্রয়োগ

/* অত্যন্ত ছোট ডিভাইস (স্মার্টফোন, 600px এবং নিচে) */
@media only screen and (max-width: 600px) {...}
/* ছোট ডিভাইস (ভান্ড্রল ট্যাবলেট এবং বড় স্মার্টফোন, 600px এবং উপর) */
@media only screen and (min-width: 600px) {...}
/* মাঝবর্তী ডিভাইস (লজিটেক্স, 768px এবং উপর) */
@media only screen and (min-width: 768px) {...}
/* বড় ডিভাইস (ল্যাপটপ/ডেস্কটপ, 992px এবং উপর) */
@media only screen and (min-width: 992px) {...}
/* অত্যধিক বড় ডিভাইস (বড় ল্যাপটপ এবং ডেস্কটপ, 1200px এবং উপর) */
@media only screen and (min-width: 1200px) {...}

আপনাদের হাতে নিন