我目前正在爲各種客戶開發一個html電子郵件,並且使用Gmail(yay)有一些奇怪的問題 - 特別是在通過瀏覽器查看電子郵件時。 (在應用程序中沒有問題)Gmail將最大寬度(以%爲單位)更改爲px?
只有在小屏幕上使用瀏覽器(例如移動設備)時纔會出現問題 - 儘管有最大寬度,但所有圖像都顯示得過寬,這意味着佈局被拉伸並且需要水平滾動。雖然它會導致在桌面上沒有任何問題,同樣的事情發生在代碼
在我的圖片,我給自己定的每個圖像
style="max-width:100% !important;"
在線。我也有在頭上<style>
塊與
img {max-width: 100% !important;}
當檢查圖像元素(包括我的手機和PC上),我看到沒有從頭部的最大寬度,這是不完全的標誌意外。
什麼奇怪的是,每個圖像仍然具有最大寬度設置inline-但它不再%,但在PX。
在PC瀏覽器檢查,內聯最大寬度現在說
max-width: 1920px;
看我的手機上(機器人,內嵌最大寬度是
max-width: 767px;
在這種情況下,圖像現在WAY太廣,更是打破了佈局,同樣的事情發生在所有圖像,不論其實際大小。
我沒有看到任何消息告訴我的電子郵件一直廣告爲我的屏幕或任何選項打開或關閉此功能。
以前有沒有人有過這種情況?關於如何防止gmail與最大寬度混淆,或者讓它尊重頭部最大寬度的任何想法? (我已經避免使用類或ID來附加頭部樣式,據我所知,谷歌去掉這些)
即使是怪異的(或者我可能會失去它......)我很確定這個正在昨日...
更新:想我已經解決了爲什麼它顯然昨天的工作 - 這是不是 - 我在開發工具所做的更改,當我重新加載沒有結算,所以最大寬度我添加了作爲一個測試(複製在頭部的最大寬度)仍然存在...
經過多一點玩,在所有寬圖像上添加width: 100% !important;
內聯似乎工作作爲一個修復 - gmail doesn與價值無關。知道爲什麼它會改變最大寬度的值仍然很有趣,如果有人有任何線索的話!