[트러블슈팅] 아이폰에서 table width 인식 안됨

회사일을 하면서 PC / 안드로이드 환경에서는 잘 작동하던 부분들이

아이폰에서 틀어지는 일이 이상하게도  빈번했다. 

 

이번에 특정 사업체의 모바일 전용 바코드 조회 페이지를 작업하면서

멀쩡하게 table width가 100%로 잘 나오던게

내 폰에서는 width가 넘쳐서 제대로 인식이 안되는 것 같았다.

 

문제 해결을 위해 열심히 검색 또 검색한 결과

원인은 width, min-width를 지정하지 않으면 발생한다는데

둘 다 지정되었는데 왜 안되는 것이지?

설마 css 우선순위에서 밀려져서 다른 설정값이 적용되었던걸까 싶어서

인라인 태그로 넣어 테스트 해보니 드디어 제대로 작동!

테이블에 부여된 id를 통해 style로 설정값을 다시 세팅 후 최종 테스트하고 마무리~

 

#tabldId {
  width: 100%;
  max-width: 100%;
}

 

 

백쪽은 에러 해결하느라 머리가 아프지만

프론트쪽은 틀어지는 UI 해결하느라 눈이 아프다!