कैसे करें - उत्तरदायी फ्लोट्स
CSS के साथ प्रतिक्रियाशील फ़्लोटिंग तत्व बनाने का तरीका जानें।
उत्तरदायी तैरता है
मीडिया प्रश्नों का उपयोग करें और निर्दिष्ट स्क्रीन चौड़ाई (पिक्सेल में) सेट करें जब तत्व को तैरना चाहिए:
उदाहरण
/* Float to the right on screens that are equal to or less than 768px wide */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* Float to the right on screens that
are equal to or greater than 769px wide */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
युक्ति: हमारे सीएसएस फ्लोट ट्यूटोरियल में फ्लोट्स के बारे में और जानें ।