我設計了一個專門用於移動的電子郵件模板,使用%作爲寬度和em作爲字體來測試我的公司。該電子郵件看起來像在Android 2.2上預期的,但它最初是在iPhone上縮小的。HTML響應電子郵件在iPhone上縮小,完美在Android上
我知道元視口,但我很擔心,因爲它看起來像我們的電子郵件系統(有點過時)從HTML文件中去掉所有內容,僅取出身體標記之間的內容。如果沒有這個,iPhone會一直顯示它縮小,還是我完全忽略了別的東西?
感謝
我設計了一個專門用於移動的電子郵件模板,使用%作爲寬度和em作爲字體來測試我的公司。該電子郵件看起來像在Android 2.2上預期的,但它最初是在iPhone上縮小的。HTML響應電子郵件在iPhone上縮小,完美在Android上
我知道元視口,但我很擔心,因爲它看起來像我們的電子郵件系統(有點過時)從HTML文件中去掉所有內容,僅取出身體標記之間的內容。如果沒有這個,iPhone會一直顯示它縮小,還是我完全忽略了別的東西?
感謝
下面是我用的,它適用於Android和iPhone精美:
<meta name="viewport" content="width=device-width, initial-scale=1" />
及以下媒體查詢:
@media屏幕(分設備寬度:320px)和(最大設備寬度:760px)
希望這有助於!
我能解決它下面的鏈接,你可能會想嘗試一下:
鏈接只有答案都望而卻步StackOverflow上,因爲它們很容易受到[鏈接腐(HTTP:/ /en.wikipedia.org/wiki/Link_rot)。請將相關詳細信息添加到您的答案中,並僅將該鏈接用作參考。 – indivisible