如何 - 響應式浮動
瞭解如何使用 CSS 建立響應式浮動元素。
響應式浮動
使用媒體查詢並設定元素應該浮動時的指定螢幕寬度(以畫素為單位)
示例
/* 在寬度小於或等於 768px 的螢幕上浮動到右側 */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* 在寬度大於或等於 769px 的螢幕上浮動到右側 */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
自己動手試一試 »
提示:在我們的CSS 浮動教程中瞭解更多關於浮動的資訊。