کیوں بنایا جائے: پاسخگو فلوٹ

CSS کا استعمال سے پاسخگو فلوٹ عناصر بنانے کا سیکھنا。

پاسخگو فلوٹ

استفاده از مدیا کوئری اور خاص اسکرین عرض (پیکسلو میں) تنظیم کرکے، کیوں چاہئیں کہ عناصر کبھی فلوٹ کریں؟

/* کی 768 پیکسل یا اسکرون کی عرض سے بھی چھوٹی اسکرین پر صحیح سمت میں فلوٹ کیا جائے */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* کی 769 پیکسل یا اسکرون کی عرض سے بھی بڑی اسکرین پر صحیح سمت میں فلوٹ کیا جائے */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

آزمایش کنید

صفحات مرتبط

آموزش:شناور CSS