혹시, 반응형 만들 때..... 채택완료

PC형에서  아래 순서로 HTML 요소가 배열되어 있다 할 경우,

A

B

C

D

E

반응형 (=모바일 크기) 사이즈에서 위 요소들의 순서를 원하는 임의의 순서로 변경하는 방법 있나요?

B

A

E

D

C

답변 1개

채택된 답변
+20 포인트

<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개

답변 고맙습니다. 근데, 결국, 이렇게 HTML 태그까지 2개 마련하는 방법밖에 없을까요?
CSS 같은 걸로 처리하는 방법은 없을려나요?
반응형코드는 기본속성을 css로 분류되다보니 기본적인 예가 될듯합니다

물론 script로 통해 코드를 구현할수도 있을법하지만

그방법은 번거로우면서 로딩캐슁에 부하를 가져다줄것이니

사이트접속시에 css가 호출된부분에 대해 적용되는것이 바람직할것 같습니다.

js script 는 많이 호출되봣자 부하를 가져다줄뿐
그렇군요. 조언 고맙습니다. ^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고