讓 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 承諾會改變，那就要拭目以待。