이미지가 모바일 브라우저에 표시되지 않습니다.

Question

저는 site에서 일해 왔으며 모바일 브라우저에 이미지가 표시되지 않는 이상한 문제가 발생했습니다.

원본 스타일은 특별한 것이 아니 었습니다. 이미지를 div 컨테이너에 넣었고 인라인 블록으로 표시되도록 설정했습니다. 이미지는 외부 페이지에 대한 링크입니다. 지금까지 특별한 것은 없습니다.

데스크톱 브라우저에서는 모든 것이 잘 보였지만 모바일 사파리와 Android 브라우저에서는 일부 이미지 만 사라졌습니다. 이미지가 없기 때문에 없어지지 않았습니까? 아이콘으로 표시되지만 단순히 표시되지 않습니다.

나는 스타일을 가지고 놀았지만이 이미지에 영향을 미치는 스타일을 제거하면 전혀 표시되지 않는다는 것을 알았습니다. 배치 앵커 태그에 테두리와 패딩을 추가하면 더 많은 이미지가 사라집니다. 모든 앵커 태그에서 400 픽셀의 너비와 높이를 강제로 설정하면 모든 것이 표시됩니다. 300px의 너비와 높이를 설정하면 모든 것이 사라졌습니다.

나는 완전히 혼란스럽고 비슷한 문제가있는 사람을 찾을 수 없었습니다.

몇 가지 다른 세부 정보 : 사이트는 WordPress에서 제작되었으며 링크에서 볼 수 있듯이 GoDaddy의 PreviewDNS 서버를 통해 실행됩니다. 어쨌든 이것은 스타일 시트 문제로 보입니다. 그러나 나는 그 문제를 일으킬 수있는 것이 무엇인지 알지 못합니다.

처음에는 페이지를 언급하는 것을 잊어 버렸습니다. 가장 좋은 예는 다른 제품에서도 발생하지만 제품 페이지입니다.

Answer 1

음, 문제가 발견되었습니다. 뭔가 (WordPress가 좋음) 최대 폭 : 100000 %; 모든 이미지에. 내가 그것을 제거하면 나는 아무 문제도없는 것처럼 보인다. 왜 일부 이미지에만 영향을 미치는지, 왜 그것이 처음에는 존재했는지 설명 할 수 있었으면 좋겠어.하지만 그게 미스터리 야. 내가 탐구 할 준비가 안됐어.

누군가가이 정보를 찾길 바랍니다.