현재 위치
  1. 게시판
  2. 유용한 웹 팁

유용한 웹 팁

쇼핑몰 운영에 도움이 되는 정보들입니다.

게시판 상세
제목 모바일에서 유튜브 영상 사이즈 자동 조절하기
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2020-02-24
  • 추천 추천하기
  • 조회수 257


상품상세설명 부분에 유튜브 영상을 삽입하였을 경우

모바일 디자인에서 확인해보면 영상의 크기가 화면 크기를 벗어나 크게 노출되어보입니다.

영상 크기가 모바일 화면 크기에 맞게 자동으로 리사이징 되도록 하려면


모바일 쇼핑몰 > 디자인 수정하기에서 스마트디자인 편집창의

왼쪽 하단의 화면명 검색에서

additional.css 를 검색하여 파일을 연 후 아래 소스를 추가해주어야 합니다.




/* 유튜브 영상 자동 리사이징 */
.xans-product-additional #prdDetail iframe { width:100%; max-width:100%; height: auto !important; margin:0; }








첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.