克服Gmail的「在下方顯示圖片」（HTML電子郵件/媒體查詢）

Question

我正在製作一個具有移動版和桌面版的HTML電子郵件。我完成這個任務的方式是製作兩個獨立的表格，一個是#desktop，另一個是#mobile。在媒體查詢（大約450px）的某個時間點，我將#desktop的顯示設置爲無，並且它可以正常工作。在我的手機上，只有移動版本按預期顯示;然而，在桌面上，當從gmail提示「Display Images Below」時，單擊它後，電子郵件的移動版本將顯示在桌面版本下方（即使顯示器自然設置爲「無」）。

現在。我試過一百萬種方法來解決這個問題。我調整了媒體查詢。我給了#mobile一個邊緣來隱藏它，我將所有圖像改爲背景圖像，但由於某種原因，無論我做什麼，我都無法解決這個問題......任何人都有類似的經驗，他們找到了解決方案？

Answer 1

我想我知道這裏發生了什麼，因爲你沒有給任何代碼去我會在黑暗中刺。要使移動版本完全隱藏，需要將圖像設置爲1px x 1px或0px x 0px。

您正在使用CSS控制移動版本，因此每個圖像都可以定位每個圖像，並給它100％的寬度和高度自動重要的寬度。

讓我知道它是否適合你。