테스트 사이트 - 개발 중인 베타 버전입니다

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

홈짱 10년 전 조회 2,045

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개

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

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

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

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

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

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

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

로그인