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