반응형
목록css 테이블 반응형 (1)
내일을 위한 오늘
[CSS#1] Responsive Table and CSS 테이블 코드를 반응형으로 만들기
웹 퍼블리싱을 하다 보면 꼭 고민에 빠지게 하는 것들이 있습니다. 백엔드 작업시에는 DB 접속을 최소한으로 줄이는 최적화 과정에서 주로 고민이 많고요. 프론트엔드 작업시에는 css 를 이용해 html 코딩을 어떻게 하면 효율적으로 할 수 있을가를 고민하게 됩니다. 그 중에서도 프론트엔드 작업시, 테이블 처리 문제는 없어지지 않는 난제이지요. TABLE 테이블 코딩은 모바일과 반응형웹의 시대로 넘어오면서 정말 계륵과 같은 존재가 되어버렸습니다. 그동안 저도 여러가지 방법을 사용했었는데요. 1. desktop 버전에서는 table 코딩, mobile 버전에서는 div 코딩으로 분기하는 방법 2. table 코딩을 사용하되, 모바일에서는 display:none 을 사용하여 모바일에 그나마 최적화하는 방법 3...
IT·컴퓨터/css
2022. 6. 28. 14:20
728x90
반응형