질문/조언질답게시판

현재 특정 레이아웃에서 발생합니다.

 

현재 지정된 레이아웃 + 보드스킨 의경우 발생하고 있는데요.

 

레이아웃을 바꾸거나 혹은 보드스킨을 바꾸거나 둘중 하나를 바꾸면 괜찮아 집니다. 

 

아무리 차이점을 찾으려 해도 찾아내지 못하고 있습니다.

 

아이폰으로 접속해야 합니다.  아이폰에서만 나타나는 증상입니다.

 

https://rxtip.kr/temp

  • ?

    혹시 어떤 문제를 중점적으로 봐야 하나요? 제가 아이폰인데 지금 해보니까 별다른 문제가 없어 보입니다.

  • ? profile

    이미지를 업로드 하면 에디트 영역에 맞게 이미지가 줄여져서 보여져야 하는데 에디터 영역보다 큰 이미지 그대로 보이는 문제입니다.
    가로 스크롤이 생기고요. CK에디터의 css img max-with:100% 가 아이폰에서만 안먹는 현상입니다.

     

    추측인데 아이폰에서만 이미지가 들어간 에디터 영역의 100% 가 굉장히 크거나 제한이 없는 상황이 아닌가 하는 생각이 듭니다.

  • profile ?
    아... 네. 에디트 영역에 맞게 들어가 있지는 않았습니다.
  • ? profile
    원래 이미지나 video는 에디터의 크기를 넘어가지 않게 자동 조절이 되어야 하거든요.
  • profile ?
    common/css/rhymix.less 에서
    이부분을
    @media screen {
    img, video {
    max-width: none;
    }


    @media screen {
    img, video {
    max-width: 100%;
    }

    로 변경하고
    .cke_editable img, .cke_editable input, .cke_editable textarea {max-with:100%} 를 주니 잘 들어가는군요.

    반대로 위 처럼 하는 경우 안드로이드나 다른 상황에 어떻게 영향을 주는 지는 제가 안드로이드가 없어서 테스트는 안해봤습니다.
  • ? profile

    감사합니다. 한번 적용해 보겠습니다.

     

    코어는 그냥 두고 수정하기 위해서 스킨의 모비일용 css 에

    @media screen {img, video {max-width: 100% !important;}}
    .cke_editable img, .cke_editable input, .cke_editable textarea {max-with:100%} 

     

    이렇게 추가하니 잘 되네요. 안드로이드에서도 별 다른 이상은 확인되지 않았습니다.

     

    코어에서 수정되기 전까지 이렇게 조치를 해야 겠습니다. 감사합니다.

  • profile ?
    넵~ 수고하세요~
  • profile
    깃허브에서 기진곰님께서 ios 에서는 CK에디터가 irfame 이 아닌 div로 불러와져서 레이아웃 css에 의해 영향을 받는다고 말씀해 주셨는데 레이아웃에서 조치가 가능하다면 하고 싶은데 어떻게 해야하는지 접근도 못하겠네요.
  • profile

    방금 제가 업데이트한 develop 브랜치 사용해 보세요. #1375 이슈도 해결되었다면 알려주시고요.

  • profile profile
    네. 파일 2개네요. 전체 업데이트 파일량이 너무 많아 지금 미루고 있어서 급한 것들만 고쳐서 쓰고 있습니다. ㅋ
    한번 해보겠습니다.
  • profile profile
    해당 버그 관련해서는 에디터 모듈의 파일 2개만 따로 적용하셔도 무방합니다.
  • profile profile
    두가지 문제 모두 해결 되었습니다. 감사합니다.
    아이폰 사용자가 제법 있어서 골치거리였는데 이제 좀 마음이 가벼워졌네요.
  • profile profile
    웹지기님 실사용 사이트에 develop 브랜치 사용하고 계신가요?
  • profile profile
    대부분 이슈가 발견되면 develop 브런치에서 해결이 되므로 develop을 사용합니다. 그렇지만 저희는 라이믹스로 전환한지 얼마 안되서 최근 패치된 것 중 필요하고 급한 것만 따로 적용해서 사용하고 있습니다. 전체 업데이트는 몰아서 하려구요. 위 패치는 파일 2개만 따로 해도 되어 2개만 적용했습니다.
  • profile profile
    아, 그렇군요, 답변 감사드립니다. 도움이 많이 되네요. ^^