•  

    페이지에 이미지로 꾸미거나 태그를 이용하여 이미지를 사용할 때 모바일에서 축소되지 않아 잘려보이는 현상이 나타날 수 있습니다. 

     

    아래와 같은 방법으로 레이아웃 가로 사이즈에 따라 이미지가 자동으로 맞춰집니다.

     

    <img src="경로" class="img-responsive" />

     

     

     

    가로 width 부분을 100%로 바꿔주고 세로 height 부분에 100% 로 수정하시면 됩니다.

    또는 가로 세로 사이즈를 제거하고 class="img-responsive" 를 사용할 수 있습니다.

    * 위젯 페이지에서 페이지 꾸미기로 이미지를 첨부할 경우 자동으로 사이즈 값이 입력되므로 가로 세로 값에 100%로 수정해주세요.

     

    동영상도 마찬가지로 유튜브, 비메오 등에 코드를 보면 가로 세로 사이즈가 픽스 되어 있습니다. 

    위와 같은 방법으로 가로/세로 값을 100%로 변경하거나 가로는 필히 100%, 세로는 특정 사이즈(250px)로 맞춰 사용할 수 있습니다.

    페이스북 트위터 미투데이 요즘 마이피플