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

wookmark 핀터레스트 소스 사용 중인데요.. 채택완료

wookmark 핀터레스트 갤러리 소스 사용 중인데요

기본적으로 중앙 정렬로 나오는데

이걸 해상도 700px이상에서는 좌측 정렬로 나오게 바꾸고

700px 이하에서는 가운데 정렬로 나오게 할려니 어렵네요 ㅠ

 

어찌하다가 wookmark.min.js에서

</p>

<p>if (document.body.clientWidth < 700) {</p>

<p>기존 내용~~(this.container,"refreshWookmark",this.onRefresh)}var u={align:"center",autoResize:~~~~</p>

<p> } else {</p>

<p>기존 내용~~(this.container,"refreshWookmark",this.onRefresh)}var u={align:"left",autoResize:~~~

 }</p>

<p>

 

이렇게 하니 해상도 맞추고나서 새로고침하면 원하는데로 되긴하는데

반응형으로 할려면 어떻게 해야할까요?ㅠ

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

답변 1개

css에서 처리하는건어때요?

@media (max-width:699px){

     ~~

}

 

@media (min-width:700px){

     ~~

}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

자바문을 css에서 처리할수 있나요?

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

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

로그인

전체 질문 목록

🐛 버그신고