오류

여태까지 고쳐온 오류들 : 나눔스퀘어 16px 아래에서 깨짐

나눔스퀘어 16px 아래에서 깨짐 16px 아래로 나눔스퀘어 사용시엔 아래 css를 추가해주자. div {transform: skew(-0.03deg);}

여태까지 고쳐온 오류들 : 사파리 fixed 요소 날라가는 문제 (햄버거닫기버튼 등)

사파리 fixed 요소 날라가는 문제 사파리는 왜인지 fixed도 오류가 난다. 1. 일단은 position: absolute로 대체할 수 있는지 시도해보자. 2. 대체할 수 없는 경우엔 아래 css를 시도해보자. (시도해본 적 없으나 아래 방법으로 성공한 사람이 있다고 한다) div { position: fixed; z-index: 999999999; transform: translateZ(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; /* seems to ..

여태까지 고쳐온 오류들 : 사파리 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을 먹여야 사파리에서 영상이 팝업되며 자동재생되는 것을 막을 수 있다)