讓 Gmail 能顯示你的電郵

 

響應式郵件(Responsive email),主要是針對手機用戶的需求,能因應手機的大小規格,調整顯示的排列,務求能讓閱讀電郵時保持清晰美觀,容易閱讀之餘又不失保留設計主題。

可惜,直至 2016 年,影應式郵件仍然未能夠完整地顯示在收件者的閱讀器當中,原因是在那些溜覽器中,沒有設置支援層叠樣式表媒體查詢( CSS  Media queries ),一個影響媒體顯示在不同的設備中的支援。 沒有媒體查詢,響應式電郵很難正確地顯示在手機上。

電郵用戶方致力關注的是電郵的安全性,所以大多數都犧牲了響應式電郵,這也發生在擁有超過憶萬用戶的 Gmail 身上,電郵設計師不斷與 Gmail 洽商,尋求解決方法,但仍未有很大的進展。

Gmail 郵件 apps 的 HTML 計算圖象引擎不算強大先進,所以對響應式電郵的解讀不足,從而不能正確地顯示電郵的排列:包括失去了電郵闊度的限制、背景顏色錯亂、電郵組件排列得不均稱、應當顯示的卻隱藏;而該隱藏的卻又顯示出來了。

到目前為止,我們可以跟從下列的三個原則,可以令到 Gmail 在手機上出較為洽當的響應式郵件:

  1. 將所有要應用在版面的圖象規定為相同的大小尺寸,例如,大圖是 600 x 400 px,在 多欄仔位排列中 (multi columns)是 300 x 200 px,或是 200 x 100px 等。
  2. 將圖象和文字放在同一個包裝之內,如果是應用本公司的電郵編輯器,就是將圖象和文字放在同一個箱(box)裡面,這樣,顯示器會因應圖象的闊度來作整體的限制,便會顯得統一。
  3. 總要不斷消試,修改,尋找可行的方案。

2017年, Gmail 承諾會改變,那就要拭目以待。