问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

有没有一种方法可以关闭 Gmail 应用程序在电子邮件布局中的自动调整大小功能？

社区维基
1
新手上路，请多包涵

我正在布置一封电子邮件，以便在浏览器和移动平台上查看，而且大多数情况下一切顺利。它被布置在表格中，使用内联样式等。但是，尽管媒体查询了 600px 最大宽度的效果，但至少我和我可以访问的另一个 Android 上的 Gmail 应用程序选择调整图像大小和布局以适应它的区域，而不是使用媒体查询或让它自己正常适应窗口，这两种方法都可以。

对于个人使用，我可以在手机上“关闭自动调整大小”，然后电子邮件的布局就像在浏览器中一样。

有没有办法告诉 Gmail 应用程序不要根据电子邮件大小自动调整大小或改用媒体查询？

原文由 Abernasty 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译androidhtmlmobileresponsive-designgmail
阅读 925
2 个回答
得票最新
社区维基
1
✓ 已被采纳

正如谷歌自己做的（原文如此！） ， 你应该在你的模板之上添加一个小技巧，就在你的 <body> 标签之后：

 <!-- Gmail hack -->
<div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff; line-height:0; width:600px !important; min-width:600px !important; max-width:600px !important;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
<!-- /Gmail hack -->

由于 Gmail 和收件箱将忽略 display:none ，因此黑客只会影响这两个客户端。

原文由 Matteo Antoci 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基
1
<meta name="viewport" content="width=device-width, initial-scale=1"/>

然后设置 style 跨越页面整个宽度的图像（1px gif 作品）属性（ style="min-width:600px;" ）。一切都将正确布局，并且可以滚动。

一般而言，Gmail 不支持媒体查询或一般的样式标签，这就是我们必须将所有内容移动到内联的原因。

原文由 zazzyzeph 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题