https://www.jbc.ne.kr/program 페이지의 모바일 버전입니다.
 

제가 올린 로고 파일들은 2:1 비율의 직사각형 형태를 띠고 있는데요.

PC버전의 경우 썸네일 크기와 비율을 조절할 수 있게 돼있어서 잘 나오고있지만

모바일에서는 보시다시피 정사각형으로 출력돼 잘려져있기도 하고,

해상도도 낮아 흐릿합니다.

 

어디서 조절할 수 있을까요?!

 

Screenshot 2018-03-09 at 02.12.47.png

  • profile
    https://www.jbc.ne.kr/widgets/mcontent/skins/mradio/mcontent.css
    의 27번째 줄에 보면 th클래스가 width와 height가 100px로 고정되어 있어요.
    목록의 이미지에는 class=th가 들어가 있거든요.
    height: auto로 바꾸면 가로 크기는 100px이고 세로는 자동으로 조절될꺼에요.
  • profile profile
    썸네일을 새로 띄우는데 시간이 걸리는지 아직 그대로이긴 하지만
    class=th가 어떤 역할을 하는지 알 수 있었습니다. 고맙습니다 ㅎㅎ