조회 수 89 댓글 4

 

 

홈페이지를 모바일로 보면 

 

올려놓은 이미지들이 전체적으로 비율에 맞게 줄어드는게 아니라 임의대로 찌그러져서 나타납니다.

 

예를들어 pc로 큰 정사각형이면 모바일에서 작은 정사각형이어야하는데 세로가 긴 정사각형모습으로 나타납니다.

 

사진을 업로드할때 html에 따로 추가해주어야하는 문구가 있는건가요?

  • profile
    웹지기 2016.12.29 10:41:54
    단순 업로드의 문제는 아닐껍니다. 사진을 복붙했거나 하는 등으로 스타일이 먹어서 그럴 것으로 예상이 되네요. 보통 모바일에서 화면 폭이 좁기 때문에 이미지는 가로폭으로 100%로 사이즈를 조정하는 css가 들어가게 되는데 이때 복붙해오면서 이미지의 세로 사이즈가 지정되면 가로는 줄고 세로는 지정된 사이즈로 출력하다보면 그렇게 길죽하게 나옵니다.

    해당 문서의 이미지에 걸린 스타일을 제거하셔야 할 것으로 보입니다.

    업로드한 이미지가 모두 그렇다면 그건 모바일쪽 보드스킨이나 레이아웃이 이상한거구요.
  • ?
    카이네드 2016.12.29 12:18:58
    세로가 긴 정사각형 = 직사각형
    말씀을 들으니 리사이즈가 제대로 안된다는 이야기같은데요

    리사이즈 애드온을 잘 확인해주시구요
    데스크탑에서 잘 보이는게 모바일에서 잘 안보일때는 해당 이미지 태그에 width와 height 값이 설정되어 있을 경우 대게 그런 반응이죠
    애드온이나 스크립트 코드를 활용하여 이미지 사이즈를 브라우져 크기에 맞춰 강제설정하는 부분이 있구요
    게시판 스킨에서 강제설정하기도 합니다.
  • profile
    레믹스 2016.12.29 12:41:30
    세로가 긴 정사각형을 "직사각형"이라고 부르면 오해가 있을거 같아요.
    "세로가 긴 직사각형"이라고 해야죠!ㅋㅋㅋㅋㅋㅋ
  • ?
    진영 2016.12.29 12:23:03
    아마도 이미지 태그의 width와 height 값이 모바일에서 열릴때 변경되는 스크립트가 있는 것 같은데요. 이미지 태그에 크기정보가 정해져있는 경우에, 모바일 환경에서는 width를 강제조정하지만 height는 원 수치 그대로 이거나 강제조정값이 틀려서 아닌가 조심스럽게 추측해봅니다.

서버에 요청 중입니다. 잠시만 기다려 주십시오...