🌐 HTML,CSS/실무에서 자주 발생한 오류들

여태까지 고쳐온 오류들 : 사파리 table 반응형 시 th/td 100% 안되는 문제

사파리 table 반응형 시 th/td 100% 안되는 문제 이 이슈는 세계 각국의 개발자들이 겪었는지 stack overflow에 다양한 해결방안이 나와있었다. 순서대로 시도해보자. 1. th,td에 float: left;를 줘보자. th, td {float: left;} 2.혹시.. 이 빠졌는지? (바보같지만 이랬던 적이 있었다) 3. 이래도 안되면 tr에 display: table-cell;을 줘보자 (안해봤지만 아무리해도 안되는 경우 이 방법으로 해결한 사람이 있다고 한다.) tr {display: table-cell;}

여태까지 고쳐온 오류들 : 웹메일 이미지가 엑박뜨는 경우

웹메일 이미지가 엑박뜨는 경우 네이버 등으로 일괄발송하는 웹메일폼의 경우이다. 1. https가 아닌 http 링크로 걸린 이미지는 보안상 불러오지 않는 듯 하다. https 경로인지 확인하자. 2. 혹시 바보같이 절대경로가 아닌 상대경로로 되어있는 (../images.png) 이미지가 아닌지 확인하자. 사용자의 pc에는 니 파일이 없다.

여태까지 고쳐온 오류들 : 사파리 텍스트 커지는 문제

사파리 텍스트 커지는 문제 사파리는 특정 태그 폰트사이즈를 씹는 이슈가 있다. 보통은 reset에서 지정하지만 혹시 빠져있는지 확인하자. html, body{ -webkit-text-size-adjust : none; /* 크롬, 사파리, 오페라 신버전 */ -ms-text-size-adjust : none; /* IE */ -moz-text-size-adjust : none; /* 파이어폭스 */ -o-text-size-adjust : none; /* 오페라 구버전 */ } 호환성 : 보다시피 비표준 속성이므로 벤더 프리픽스를 이용해야 한다.

여태까지 고쳐온 오류들 : 사파리 영상 백그라운드가 안 뜬다/자동재생된다

여태까지 고쳐온 버그들 시리즈는 똑같은 오류가 발생하지 않도록 하고, 똑같은 오류가 발생했을 시 조속한 대처를 할 수 있도록 기록하는 시리즈다. 숫자 순서대로 시도해본다. 사파리 영상 백그라운드가 안 뜬다/자동재생된다 webm 확장자로 바꿔보기 아래태그로 시도해보기 (playsinline을 먹여야 사파리에서 영상이 팝업되며 자동재생되는 것을 막을 수 있다)