현재 특정 레이아웃에서 발생합니다.
현재 지정된 레이아웃 + 보드스킨 의경우 발생하고 있는데요.
레이아웃을 바꾸거나 혹은 보드스킨을 바꾸거나 둘중 하나를 바꾸면 괜찮아 집니다.
아무리 차이점을 찾으려 해도 찾아내지 못하고 있습니다.
아이폰으로 접속해야 합니다. 아이폰에서만 나타나는 증상입니다.
https://rxtip.kr/temp
| PHP | PHP 7.2 |
|---|---|
| CMS | Rhymix |
-
?
이미지를 업로드 하면 에디트 영역에 맞게 이미지가 줄여져서 보여져야 하는데 에디터 영역보다 큰 이미지 그대로 보이는 문제입니다.
가로 스크롤이 생기고요. CK에디터의 css img max-with:100% 가 아이폰에서만 안먹는 현상입니다.추측인데 아이폰에서만 이미지가 들어간 에디터 영역의 100% 가 굉장히 크거나 제한이 없는 상황이 아닌가 하는 생각이 듭니다.
-
?
아... 네. 에디트 영역에 맞게 들어가 있지는 않았습니다.
-
?
원래 이미지나 video는 에디터의 크기를 넘어가지 않게 자동 조절이 되어야 하거든요.
-
?
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%} 를 주니 잘 들어가는군요.
반대로 위 처럼 하는 경우 안드로이드나 다른 상황에 어떻게 영향을 주는 지는 제가 안드로이드가 없어서 테스트는 안해봤습니다. -
?
감사합니다. 한번 적용해 보겠습니다.
코어는 그냥 두고 수정하기 위해서 스킨의 모비일용 css 에
@media screen {img, video {max-width: 100% !important;}}
.cke_editable img, .cke_editable input, .cke_editable textarea {max-with:100%}이렇게 추가하니 잘 되네요. 안드로이드에서도 별 다른 이상은 확인되지 않았습니다.
코어에서 수정되기 전까지 이렇게 조치를 해야 겠습니다. 감사합니다.
-
?
넵~ 수고하세요~
-
깃허브에서 기진곰님께서 ios 에서는 CK에디터가 irfame 이 아닌 div로 불러와져서 레이아웃 css에 의해 영향을 받는다고 말씀해 주셨는데 레이아웃에서 조치가 가능하다면 하고 싶은데 어떻게 해야하는지 접근도 못하겠네요.
-
방금 제가 업데이트한 develop 브랜치 사용해 보세요. #1375 이슈도 해결되었다면 알려주시고요.
-
네. 파일 2개네요. 전체 업데이트 파일량이 너무 많아 지금 미루고 있어서 급한 것들만 고쳐서 쓰고 있습니다. ㅋ
한번 해보겠습니다. -
해당 버그 관련해서는 에디터 모듈의 파일 2개만 따로 적용하셔도 무방합니다.
-
두가지 문제 모두 해결 되었습니다. 감사합니다.
아이폰 사용자가 제법 있어서 골치거리였는데 이제 좀 마음이 가벼워졌네요. -
웹지기님 실사용 사이트에 develop 브랜치 사용하고 계신가요? -
대부분 이슈가 발견되면 develop 브런치에서 해결이 되므로 develop을 사용합니다. 그렇지만 저희는 라이믹스로 전환한지 얼마 안되서 최근 패치된 것 중 필요하고 급한 것만 따로 적용해서 사용하고 있습니다. 전체 업데이트는 몰아서 하려구요. 위 패치는 파일 2개만 따로 해도 되어 2개만 적용했습니다.
-
아, 그렇군요, 답변 감사드립니다. 도움이 많이 되네요. ^^
혹시 어떤 문제를 중점적으로 봐야 하나요? 제가 아이폰인데 지금 해보니까 별다른 문제가 없어 보입니다.