채택완료

이런건 어떻게 하나요?

2024-03-15 (금) 11:21:15 2,341

1888603148_1710469188.1871.jpg

이미지 처럼 pc에서

해당 버튼을 누르면

pc, 테블릿, 휴대폰 해상도로 보여지는데요.

이런 기능은 어떻게 구현해야 하나요?

감사합니다.

|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트

아이프레임으로 구현합니다. 버튼클릭시 아래 iframe의 width값을 변경하는거죠. 타겟홈페이지는 당연히 반응형이어야 합니다.

<iframe id="iframe1" src="타겟홈페이지주소" width="770" height="100%" frameborder="0" scrolling="auto"></iframe>

답변에 대한 댓글 3개

2024-03-15 (금) 11:49:50
답변 감사합니다.
아이프레임으로 구현하는 거군요 ^^
아이프레임같은경우 제약이 되는 경향이 많아서 애플쪽은.. 인식이 안되는 경우가 있어요
미디어쿼리때문에 동일한 html 안에서는 ajax나 클래스등으로는 구현이 힘듭니다.

jquery 를 사용하셔서 ajax 로 가지고 나와 뿌리는 방법이 있고..

애초 다 코딩해 두고...show, hide 를 사용하셔도 되고...

방법이야 많습니다.

답변에 대한 댓글 1개

2024-03-15 (금) 11:50:00
답변 감사합니다. ^^

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