如何創建:響應式浮動

學習如何使用 CSS 創建響應式浮動元素。

響應式浮動

使用媒體查詢并設置特定的屏幕寬度(以像素為單位)來確定元素何時應該浮動:

/* 在寬度等于或小于 768px 的屏幕上向右浮動 */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* 在寬度等于或大于 769 像素的屏幕上向右浮動 */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

親自試一試

相關頁面

教程:CSS 浮動