이전 목록 다음
채택완료

혹시, 반응형 만들 때.....

홈짱
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2015-11-04 (수) 23:28:27 3,773

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

A

B

C

D

E

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

B

A

E

D

C

반응형 php css javascript
|

답변 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
답변 고맙습니다. 근데, 결국, 이렇게 HTML 태그까지 2개 마련하는 방법밖에 없을까요?
CSS 같은 걸로 처리하는 방법은 없을려나요?
돼지코구뇽
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2015-11-05 (목) 04:16:50
반응형코드는 기본속성을 css로 분류되다보니 기본적인 예가 될듯합니다

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

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

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

js script 는 많이 호출되봣자 부하를 가져다줄뿐
홈짱
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2015-11-05 (목) 18:11:07
그렇군요. 조언 고맙습니다. ^^

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