如何创建:响应式浮动
学习如何使用 CSS 创建响应式浮动元素。
响应式浮动
使用媒体查询并设置特定的屏幕宽度(以像素为单位)来确定元素何时应该浮动:
/* 在宽度等于或小于 768px 的屏幕上向右浮动 */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* 在宽度等于或大于 769 像素的屏幕上向右浮动 */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
相关页面
教程:CSS 浮动