안녕 하세요 고수님의 도움을 요청합니다.
그누보드 내용관리에 아이프레임 형식의 내용을 삽입 하고자 합니다.
문제는 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 포인트
eyekiss
2020-12-10 (목) 07:36:45
<iframe id="iframe_id" ~~
이렇게 아이디를 주고.
css 에서
#iframe_id { width:1000px; }
@media ( max-width: 800px ) {
#iframe_id { width:100%; }
}
답변에 대한 댓글 3개
NOLcurryTV
2020-12-10 (목) 08:16:50
내용관리항목의 css 는 ../skin/content/basic.style.css 이곳에 넣으면 되는 건가요?
NOLcurryTV
2020-12-10 (목) 08:23:04
그누보드 내용 관리에 id="iframe_id" 를 삽입 하고 저장을 누르면 없어 집니다 ㅠ
2020-12-10 (목) 11:36:06
에디터 html 작성시 id로하면 사라집니다.
.iframe_id 바꾸고
class="iframe_id"로 하면 됩니다.
답변을 작성하려면 로그인이 필요합니다.