[CSS] table에서 absolute 대신 fixed

반응형에서 relative와 absolute를 사용하여 테이블을 짰는데

PC에서 개발자도구로 모바일 사이즈 확인했을땐 이상이 없었다.

근디 모바일 디바이스에서 확인했더니,

relative는 쓸모없는 거처럼 나오는 것

그래서 오늘도 구글구글해서 찾은 해결방안은

tr {position:relative; transform:scale(1);} // transform:scale(1) 을 같이 써줘서 영역을 확실히 잡아줌

td {position:fixed; top:0; left:0;} //absolute 대신 fixed로 사용

 

 

++

안드로이드와 리스폰시블리 앱에서 확인했을땐 잘 나왔지만

아이폰에서는 여전히 삐뚤 빼뚤 ,,,,

그냥 반응형으로 사이즈가 바뀔때마다 달라져야 하는

테이블 구조라면 그냥 div 주고 grid 와 flex로 잡아주자...!

퇴근 5분 전에 발견해서 늦퇴함 ㅠㅠ