채택완료

그누보드 내용 관리 아이프레임 모바일 사이즈

2020-12-10 (목) 06:47:36 2,083

안녕 하세요 고수님의 도움을 요청합니다.

그누보드 내용관리에 아이프레임 형식의 내용을 삽입 하고자 합니다.

문제는 pc에서는 정상 작동 이 되는데 모바일에서 사이즈가 벗어 납니다.

Copy
<iframe src="http://design-dsc.xyz/livescore.html" frameborder="0" width="1000" height="12300" marginwidth="0" marginheight="0" scrolling="no"></iframe>

모바일에 맞춰 사이즈를 조절하는 방법은 없을까요???

고수님의 도움이 필요 합니다.

|

답변 2개 / 댓글 3개

채택된 답변
+20 포인트

<iframe id="iframe_id" ~~

이렇게 아이디를 주고.

css 에서

#iframe_id { width:1000px; }

@media ( max-width: 800px ) {

  #iframe_id { width:100%; }

}

답변에 대한 댓글 3개

내용관리항목의 css 는 ../skin/content/basic.style.css 이곳에 넣으면 되는 건가요?
그누보드 내용 관리에 id="iframe_id" 를 삽입 하고 저장을 누르면 없어 집니다 ㅠ
class='iframe_id' 로 해보세요..
.iframe_id {}

에디터 html 작성시 id로하면 사라집니다.
.iframe_id 바꾸고
class="iframe_id"로 하면 됩니다.

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