iPhone 에서 사진이 다르게 나옵니다. – 한국워드프레스사용자모임 https://kopress.kr/topic/iphone-%ec%97%90%ec%84%9c-%ec%82%ac%ec%a7%84%ec%9d%b4-%eb%8b%a4%eb%a5%b4%ea%b2%8c-%eb%82%98%ec%98%b5%eb%8b%88%eb%8b%a4/feed/ Sun, 19 May 2024 07:19:30 +0000 https://bbpress.org/?v=2.6.9 ko-KR https://kopress.kr/topic/iphone-%ec%97%90%ec%84%9c-%ec%82%ac%ec%a7%84%ec%9d%b4-%eb%8b%a4%eb%a5%b4%ea%b2%8c-%eb%82%98%ec%98%b5%eb%8b%88%eb%8b%a4/#post-6756 <![CDATA[iPhone 에서 사진이 다르게 나옵니다.]]> https://kopress.kr/topic/iphone-%ec%97%90%ec%84%9c-%ec%82%ac%ec%a7%84%ec%9d%b4-%eb%8b%a4%eb%a5%b4%ea%b2%8c-%eb%82%98%ec%98%b5%eb%8b%88%eb%8b%a4/#post-6756 Thu, 14 Feb 2013 19:43:52 +0000 Kwon Jeong 안녕하세요

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 Kwon Jeong
Kwon Jeong
]]> https://kopress.kr/topic/iphone-%ec%97%90%ec%84%9c-%ec%82%ac%ec%a7%84%ec%9d%b4-%eb%8b%a4%eb%a5%b4%ea%b2%8c-%eb%82%98%ec%98%b5%eb%8b%88%eb%8b%a4/#post-6769 <![CDATA['iPhone 에서 사진이 다르게 나옵니다.'에 응답달기]]> https://kopress.kr/topic/iphone-%ec%97%90%ec%84%9c-%ec%82%ac%ec%a7%84%ec%9d%b4-%eb%8b%a4%eb%a5%b4%ea%b2%8c-%eb%82%98%ec%98%b5%eb%8b%88%eb%8b%a4/#post-6769 Wed, 20 Feb 2013 11:34:57 +0000 082net 아마도 responsive(반응형)웹 디자인 때문인 것으로 보이는데요, 본문에 들어가는 이미지(img)의 CSS선언이 어떤 부분에서 max-width 값이 설정되어 있을거에요.

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

Avatar of 082net
082net
Facebook 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂
]]>