Sự cố hiển thị của Outlook, hiển thị văn bản quá lớn

Question

Tôi đang cố gắng tạo tiêu chuẩn bản tin cho tổ chức của chúng tôi và gặp sự cố với Outlook khi hiển thị văn bản quá lớn.

Đây là phần css của trang

body { 
    margin: 0; 
    padding: 0; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 75%; 
    background: url(http://www.blah.com/stuff.gif); 
    } 
a { 
    color: #f24c22 !important; 
    } 
a:visited { 
    color: #f24c22 !important; 
    } 
a:hover { 
    color: #3d7ac5 !important; 
    } 
table { 
    background: #ffffff; 
    } 
h1 { 
    font-size: 1.3em; 
    } 
h2 { 
    font-size: 1.2em; 
    color: #494949; 
    padding-top: 0 !important; 
    margin-top: 0 !important; 
    } 
h3 { 
    font-size: 1.1em; 
    color: #12377c; 
    } 
p { 
    padding-top: 0 !important; 
    margin-top: 0 !important; 
    color:#333333; 
    } 
    .style1 {color: #333333} 
    .style2 {color: #12377c} 
    .style3 { 
     font-size: smaller; 
     color: #666666; 
    } 

Bất kỳ gợi ý tại sao điều này có thể được gây ra?

Answer 1

Bạn đã thử sử dụng main *{font-size: 12pt;}?

Outlook theo mặc định sử dụng Trident, động cơ của IE cho thư đến, và Word HTML rendering engine cho thư đi ... Until Office 2007, and people hate it.

Bây giờ, it uses Word 2007's rendering, mà is rather lacking. On microsoft's page bạn có thể thấy rằng phần tử de body không hỗ trợ thuộc tính style.

Answer 2

Nếu bạn muốn đặt kích thước cụ thể cho phông chữ, thì có thể bạn nên sử dụng loại kích thước cố định như pt. Thay vì biến số như em /%

See here cho ý tôi.

Answer 3

Nhiều trình đọc thư tách thẻ "body" khỏi bất kỳ email nào nhận được hoặc bỏ qua các kiểu được áp dụng cho phần tử này. Hãy thử áp dụng kích thước phông chữ cho một div kèm theo.

Answer 4

trừu tượng kích thước phông chữ thành nhỏ hơn, mà tôi thấy ở chế độ xem chuẩn là kích thước tương đương. Viết lại trang trong div của xem xét nó là một mẫu cơ bản, tham khảo ID của divs để render, làm việc tốt. Thử nghiệm nó trên các tài khoản email khác nhau bao gồm gmail, hotmail và hiển thị thông qua triển vọng. Outlook là một trong những vấn đề duy nhất, nơi các liên kết refferencial cùng một trang thất bại.

Answer 5

Thêm các thẻ meta và bạn sẽ tìm thấy Word/Outlook "kỳ diệu" ám chỉ rằng trang (bao gồm cả hình ảnh) kích thước chính xác:

<meta name="ProgId" content="Word.Document" /> 
<meta name="Generator" content="Microsoft Word 12" /> 
<meta name="Originator" content="Microsoft Word 12" /> 

Tôi không có ý tưởng tại sao Outlook thực hiện điều này, hầu hết các email của công ty tôi nhận được trông khủng khiếp trong Outlook - tuy nhiên, với những thẻ này, những cái tôi gửi trông nguyên sơ.