如何创建 - 响应式浮动
了解如何使用 CSS 创建响应式浮动元素。
响应式浮动
使用媒体查询并为元素何时浮动设置指定的屏幕宽度（以像素为单位）:
实例
/* 在宽度等于或小于 768px 的屏幕上向右浮动 */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* 在宽度等于或大于 769px 的屏幕上向右浮动 */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
亲自试一试 »
提示:在我们的 CSS 浮点数教程中了解更多关于浮点数的信息。
