PC형에서 아래 순서로 HTML 요소가 배열되어 있다 할 경우,
A
B
C
D
E
반응형 (=모바일 크기) 사이즈에서 위 요소들의 순서를 원하는 임의의 순서로 변경하는 방법 있나요?
B
A
E
D
C
|
답변 1개 / 댓글 3개
채택된 답변
+20 포인트
돼지코구뇽
2015-11-05 (목) 00:02:23
<div class="PC">
A
B
C
D
E
</div>
<div class="mobile">
B
A
E
D
C
</div>
@media {max-width:3200px;
.pc {display:block;}
.mobile {display:none;}}
@media {max-width:769px;
.pc {display:none;}.mobile {display:block;}
}
이렇게 원하시는건지?ㅎ
답변에 대한 댓글 3개
2015-11-05 (목) 00:12:49
돼지코구뇽
2015-11-05 (목) 04:16:50
반응형코드는 기본속성을 css로 분류되다보니 기본적인 예가 될듯합니다
물론 script로 통해 코드를 구현할수도 있을법하지만
그방법은 번거로우면서 로딩캐슁에 부하를 가져다줄것이니
사이트접속시에 css가 호출된부분에 대해 적용되는것이 바람직할것 같습니다.
js script 는 많이 호출되봣자 부하를 가져다줄뿐
물론 script로 통해 코드를 구현할수도 있을법하지만
그방법은 번거로우면서 로딩캐슁에 부하를 가져다줄것이니
사이트접속시에 css가 호출된부분에 대해 적용되는것이 바람직할것 같습니다.
js script 는 많이 호출되봣자 부하를 가져다줄뿐
답변을 작성하려면 로그인이 필요합니다.
CSS 같은 걸로 처리하는 방법은 없을려나요?