CSS-Media-Types

CSS-Media-Types

রেস্পন্সিভ হচ্ছে সকল ডিভাইসে ওয়েব পেজকে সুন্দর ভাবে প্রদর্শন করা। এইচটিএমএল এবং সিএসএস ব্যবহার করে কন্টেন্ট পরিবর্তন,পরিবর্ধন বা সংকোচনের মাধ্যমে রেস্পন্সিভ ওয়েব ডিজাইন করা হয়

শুধু স্ক্রীন সিলেক্ট করতে @media রুলের পরেই screen কীওয়ার্ডটি লিখতে হবে। এরপর "and" কীওয়ার্ডের মধ্যমে রুলটি সংযুক্ত করতে হবে

@media screen and (max-width: 480px) {
  .text {
    font-size: 16px;
  }
}

ব্রেকপয়েন্ট