Home 게시판 커뮤니티 자유게시판 iPhone 에서 사진이 다르게 나옵니다.

1개 답변, 2 voices Last updated by Avatar of 082net082net 11 years, 2 months 전
  • Avatar of Kwon JeongKwon Jeong
    Participant
    @goamerijk
    #6756

    안녕하세요

    Wordpress 를 사용한지도 꽤 오래 된것 같습니다. 저는 맥을 사용하고 Marsedit 으로 블로깅을 했습니다. 이번에 theme 을 변경해서 적용을 해보니 데스크탑 웹에서는 제대로 보이는데 iphone 에서는 세로가 길게 보이게 나옵니다. iPhone 에서 캡쳐한 사진 입니다.

    어떻게 첨부하는지 몰라서 링크로 남김니다.

    Marsedit http://kwon.dlinkddns.com:8888/wp/sample/1.png

    Wordpress http://kwon.dlinkddns.com:8888/wp/sample/2.png

    확인보니  Marsedit 을 이용한것과 wordpress 의 코드가 다른것을 확인했고, 코드는 아래와 같습니다.

    Marsedit

    <img style=”display: block; margin-left: auto; margin-right: auto;” title=”sample.jpg” alt=”Sample” src=”http://kwon.dlinkddns.com:8888/wp/wp-content/uploads/2013/02/sample.jpg&#8221; width=”467″ height=”700″ border=”0″ />

    Wordpress

    <a href=”http://kwon.dlinkddns.com:8888/wp/wp-content/uploads/2013/02/sample.jpg”><img class=”aligncenter size-full wp-image-51″ alt=”sample” src=”http://kwon.dlinkddns.com:8888/wp/wp-content/uploads/2013/02/sample.jpg&#8221; width=”467″ height=”700″ /></a>

    제가 사진블로그를 하고 있어서 이것들을 다 고쳐야 제대로 보일것 같은데 어떻게 좀더 쉽게 할 수 있는 방법이 없을까요? 어떤 포스트는 사진이 4-50장이 있기도 하고 그런 포스트가 많게는 100개 정도 있어서 어떻게 하면 좀 효율적으로 할 수 있는지 궁금해서 질문드림니다.

    꼭 도와주세요.

     

    Avatar of 082net082net
    Keymaster
    @082net
    #6769

    아마도 responsive(반응형)웹 디자인 때문인 것으로 보이는데요, 본문에 들어가는 이미지(img)의 CSS선언이 어떤 부분에서 max-width 값이 설정되어 있을거에요.

    즉 max-width로 가로 너비는 지정 해 두었는데, 높이는 img 태그에 지정된 상태 그대로라서 그림이 길~게 보일 수 있는것이죠. 이 max-width가 지정된 부분에 height: auto; 를 추가 해 주시면 잘 보이게 되지 않을까 합니다. 아마도 @medai query 내용의 일부를 수정해야 할 겁니다.

    Avatar of 082net
    Facebook 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂
2 글 보임 - 1에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.