모바일 화면에서 인스타그램 링크 미리보기가 반응형으로 자동 변경되는 경우가 있는가 하면,
자동 변경되지 않는 경우도 있는데요.
반응형으로 원활하게 변경되도록 하는 방법이 있을까요?
PC 화면은 문제되지 않는데,
모바일 화면에서 반응형으로 미리보기 전환이 잘 되지 않는 것 같습니다.
모바일은 아이폰에서 캡쳐했습니다.
자동 변경되는 글
https://www.lansunjipsa.net/%ec%9d%b4%ec%8a%88/24/
자동 변경되지 않는 글
https://www.lansunjipsa.net/%eb%8b%a8%ec%8b%a0/200/
https://www.lansunjipsa.net/%ec%9d%b4%ec%8a%88/139/
안녕하세요~^^
올려주신 페이지에서 인스타그램 미리보기 쪽이
모바일 화면에서 벗어나게 보이는 문제는
워드프레스 관리자 -> 외모(테마 디자인) -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
.instagram-media { min-width: 100% !important; }
고맙습니다.
답변 감사합니다.
여전히 동일한 증상이 나타나는데요.
다시 한 번 확인 부탁 드립니다.
.instagram-media { min-width: 80% !important; }
폭을 100%는 꽉차서 80%로 설정했습니다.
감사합니다.
안녕하세요.
저희 쪽에서 직접 테스트해보니
크롬 브라우저의 Toggle device toolbar(Ctrl + Shift + M) 쪽에서는 이상이 없으나
실제 IOS 모바일 기기에서 동영상이 확대되어 표시되는 문제가 있는 듯합니다.
일반 이미지는 정상적으로 표시되고 있습니다.
인스타그램 피드는 아이프레임 형식으로 워드프레스 사이트에 추가되기 때문에
레이아웃을 직접 수정하는 데에 한계가 있습니다.
저희도 좋은 방법이 있을지 연구해보겠습니다.
고맙습니다.
그렇군요.
바쁘신데 답변 감사합니다.
즐거운 하루 되세요. ^^