html로 구성한 메일의 스타일이 특정 도메인에서만 깨져보여요.
- 작성일2023/06/12 15:46
- 조회 2,326
메일을 html로 구성하여 보내는 경우, 도메인별로 스타일이 다르게 적용되어 보일 수 있습니다.
이는 도메인별로 디폴트로 적용되는 스타일이 다르기 때문이며, 메일 환경에서는 소수의 css만 작동하기 때문입니다.
메일을 html로 구성하여 작성하실 때에는 아래의 사항들을 참고하여 작성하시길 바랍니다.
1. 메일 환경에서는 html 스타일 지정시 별도의 style태그를 이용한 css 설정이나, 외부 파일 연결을 통한 스타일 설정이 불가능하며 웹폰트 또한 이에 해당합니다.
모든 스타일은 inline방식을 통해 작성해주어야 적용됩니다.
아래의 이미지를 참고바랍니다.
2. 각 도메인별로 디폴트로 적용되는 css가 다르며, 작동하지 않는 css가 있을 수있습니다.
메일 내용을 html로 구성시 각 도메인별로 통용되는 css 속성을 활용하여 구성하시길 권장드립니다.
3. html 코드에 오타가 있는 경우 코드의 구성 자체가 어그러져 스타일이 깨져보일 수 있습니다.
메일 발송 전, html에 오타가 있는지 한번 더 검수해보시길 권장드립니다.
4. Gmail과 Nate에서는 <p> 태그에 대한 마진 값이 적용 안될 수 있습니다. 이럴때는 <p> 태그를 <div> 태그로 변경하여 발송하시기 바랍니다.