방법 - 반응형 플로트
CSS로 반응형 플로팅 요소를 만드는 방법을 알아보세요.
반응형 수레
미디어 쿼리를 사용하고 요소가 부동해야 하는 시점에 대해 지정된 화면 너비(픽셀 단위)를 설정합니다.
예시
/* Float to the right on screens that are equal to or less than 768px wide */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* Float to the right on screens that
are equal to or greater than 769px wide */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
팁: CSS 플로트 튜토리얼 에서 플로트에 대해 자세히 알아보세요 .