Q

HTML電子郵件看起來雅虎，Hotmail和Gmail

html
css

2012-09-05 57 views -2 likes

-2

我發送HTML郵件不同，但我的電子郵件看起來不同在不同的電子郵件客戶端e.g 雅虎，的Hotmail和的Gmail。我已經使用<style>標記來爲移動設備使用媒體查詢，然後使用該樣式表的Yahoo和Hotmail。HTML電子郵件看起來雅虎，Hotmail和Gmail

2012-09-05 asim najam

+3

您是否有任何代碼向我們展示或者我們必須猜測？ –

+0

顯示一些代碼夥計 – Lukas

+3

歡迎使用html電子郵件設計！ – MrMisterMan

A

回答

1

電子郵件客戶端不同地處理CSS - 它們支持不同的屬性，有時顯式不允許一些。它比Web瀏覽器的樣式困難得多。

這裏有一些資源，用於創建電子郵件設計：

Guide to using CSS in HTML emails

Table of CSS support in different email clients（來自@ donald123的答案）

HTML email template builder（來自@ cassi.lup的答案）

Guide to optimising CSS in emails for mobile devices

Mailchimps email templates（來自@ca ssi.lup的答案）

2012-09-05 08:09:18

1

請記住，CSS的HTML郵件必須是簡單的，不是所有的客戶瞭解所有的CSS樣式:-(

EG期運用表格佈局的HTML電子郵件良好的ID。 ..

嘗試在谷歌搜索腳本您的HTML電子郵件的最佳方式。關於在大客戶的CSS樣式的理解的簡短概述，你可以在這裏找到

understanding of css styles in major clients can you find here

2012-09-05 08:09:46 donald123

+0

+1良好的資源。謝謝，我將它添加到我的答案中。 –

0

你可以得到有關從這個site

2012-09-05 08:12:52 Sujanth

1

電子郵件款式更好的主意你有2種選擇：

從格式正確的模板開始，並從那裏進行設計。這方面的一個非常有用的資源是this service。但請記住，您在CSS技巧方面非常有限。
從圖像構建您的html格式的電子郵件。那麼你一定要在所有瀏覽器上保持一致，因爲你使用的設計元素將被類似地解釋。

另一個有用的資源：http://mailchimp.com/resources/html-email-templates/

2012-09-05 08:21:17

+0

+1還有一些非常有用的鏈接。我已將這些複製到我的答案中，我希望你不介意。 –

+0

恩，謝謝+1。但是，這個想法是，提出問題的人會看到所有的答案，並決定哪個最有幫助。 –

+0

人們問一個問題，這往往最終有一個規範的答案。然後當人們尋找這個問題的解決方案時，他們可以閱讀這個答案。這就是爲什麼其他用戶可以編輯答案。答案不是海報，它是公共領域在stackoverflow。我同意我盜取你的資源不是正確歸因信用的好模式（這就是爲什麼我給你+1），但這不是什麼stackoverflow主要關於。事實上，由於我首先回答，如果你同意我的回答，我可以說你應該就這一個答案合作而不是競爭。 –

0

本人來說，我總是創建HTML FIEL不用doctype。然後只需打開和關閉HTML，頭部和身體的標籤。然後只使用表格，並只使用內聯樣式表。也不要忘記刪除表格邊框，cellpadding和邊距，因爲他們可以，我的經驗，是一個很大的痛苦。

要填充空間使用tabel單元格，並且不要使用填充或邊距，因爲某些電子郵件客戶端忽略這些。

而且最重要的是！不要使用背景。儘量不要用於很多圖像。將它們用於頁眉，頁腳或例如產品圖片。

希望它對語法有幫助和遺憾;）

2012-09-05 08:29:42 Controvi

相關問題