کیا طور پر بنایا جاتا ہے: معمولی جسم بند نکالن

معمولی جسم بند نکالن کا سیکھنے کے لئے میڈیا کوئریز کا استعمال سیکھیں۔

معمولی جسم بند نکالن

بسیار بہت سارے مختلف اونچائی اور چوڑائی والے اسکرین اور اپلائیڈ ایکسیئرز موجود ہیں، لہذا ہر ایک ایکسیئر کے لئے دقت سے بند نکالنے کا کام مشکل ہوتا ہے۔

عمل کریں کے لئے سادگی کی وجہ سے، آپ پانچ عام گروپوں کو مقرر کرسکتے ہیں:

مثال

/* بہت چھوٹا جسم (موبائل، 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) {...}

آپ خود بچارکریں

مربوط صفحات

تدریس:جستجوی رسانه CSS

تدریس:سی ایس ایس میڈیا کوئریز مثال

مراجع کتاب:قانون @media CSS

تدریس:مجذوبیت وار ویب ڈیزائن کو میڈیا کوئریز کے ذریعہ حاصل کریں

مراجع کتاب:جاوا اسکریپٹ ویندو میچ میڈیا() طریقہ کار