티스토리 뷰

같은 CSS 를 쓰고 있는데 왜 height 에 차이가 생겼을까?




PC 화면 (time, side, price, remaining, total, sum, action)


Mobile 화면 (time, side, price, total, action) - remaining, sum 삭제


반응형에 따라 셀이 보여졌다 아니었다 해야하고, 다른 셀들은 유동적으로 width가 변경되어야 하는 상황이었다. display: none 처리를 하지 않고, overflow: hidden 처리를 했더니 폰트가 살아있는 채로 영역을 좁히니 임의 공백이 생기는 걸 확인했다. font-size: 0; 을 넣으니 height: 24px; 로 정상 출력이 되었다.



개선 전 (26px)



개선 후 (24px) - font-size: 0; 추가





댓글
댓글쓰기 폼
«   2019/03   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
글 보관함
Total
192,287
Today
12
Yesterday
86