read : css zoom 사용시 이미지에 여백이 생기는 경우, zoom gap image : 기술 #zoom #gap #image::공대여자홈

#zoom #gap #image

문제 발생 조건

zoom:0.7

등으로 조절함(transform:scale() 도 같은 문제 생길 것 같음)

이미지가 리사이즈에서 다시 zoom 으로 크기가 조절 됨.

이 때 오른쪽이나 하단에 여백이 생길 수 있음.

해결법은 딱히 없으며, border 등을 사용했다만 감추기 위해서 border 와 같은 색으로 box-shadow 를 해주면, 여백이 box-shadow로 가려진다.

/* zoom 적용시 이미지에 gap 보이는 현상 제거용 */

.img-box img{

box-shadow: 1px 1px 0px 1px #000;

}

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	1014
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	10813
공지	[공지] 기술 게시판	mins01	06/24 15:10	11002

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 1	4.18	4.19	4.20
4.21	4.22	4.23 ui_treemap new 2	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4