‘a3 Lazy Load’ 플러그인 사용시(다른 플러그인도 같음) 특정 페이지, 혹은 특정 카테고리에서만 이미지의 width
와 height
가 1px
로 나타나는 오류가 있음.
내 경우 페이지 화면에서만 해당 오류가 발생했는데, 제대로 원인을 찾아서 뜯어 고치려 했지만 근본적인 hook이나 코드를 찾아서 수정하지 못했음.
다만 해결법은 찾아냈는데, lazy-load가 적용되면 해당 이미지에 lazy-loaded
클래스가 생성됨. 이를 활용해서 css에 .lazy-loaded{width:auto;}
라는 속성을 넣어줌으로서, 1px
이 된 이미지를 다시 키워주게 할 수 있음.
완벽한 수정은 아니지만 실용적인 편법 해결책. 만약 안먹힌다면 .lazy-loaded{width:auto!important;}
도 시도 가능.