2008-11-17 69 views
5

我正在嘗試爲我們的組織創建新聞快遞標準,並且存在Outlook使文字太大的問題。Outlook呈現問題,呈現文字太大

這裏是頁

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; 
    } 

任何建議的CSS第爲什麼這可能引起的?

+1

您使用的Outlook版本很重要。例如,Outlook 2007通過Word的渲染引擎呈現HTML電子郵件,這可能會導致您的問題。 – 2009-02-07 03:10:20

回答

0

如果你想爲你的字體設置一個特定的大小,那麼你應該使用像pt這樣的固定大小的類型。而不是像em這樣的變量。我的意思是,它不是像em這樣的可變的變量。

+0

當然,我的直覺是身體的75%字體大小被忽略或曲解。嘗試在身體上使用固定尺寸,並且您的尺寸應該保持一致。 – roborourke 2008-12-10 12:16:22

0

許多郵件閱讀器會從收到的任何電子郵件中剝離「body」標記,或忽略應用於此元素的樣式。嘗試將字體大小應用於封閉的div。

0

將字體大小抽象爲較小,這在標準查看中發現是等效大小。在div中重寫頁面時,考慮到它是一個基本模板,爲了渲染而引用div的ID,工作正常。在各種電子郵件帳戶上進行測試,包括Gmail,Hotmail和通過Outlook呈現。展望是唯一有問題的,其中相同的頁面引用鏈接失敗。

0

添加這些元標籤,你會發現這道/展望「神奇地」呈現頁面(包括圖片)的正確尺寸:

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

我不知道爲什麼展望做到這一點,大多數企業電子郵件,我得到在Outlook中看起來很糟糕 - 但是,使用這些標籤,我發送的標籤看起來很原始。