Html CSS媒体查询在Rails邮件程序模板中不起作用_Html_Css_Media Queries

Html CSS媒体查询在Rails邮件程序模板中不起作用

html css

Html CSS媒体查询在Rails邮件程序模板中不起作用,html,css,media-queries,Html,Css,Media Queries,媒体查询在电子邮件模板中真的不起作用吗？我有一个简单的测试模板和一个查询，但它无法工作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

媒体查询在电子邮件模板中真的不起作用吗？我有一个简单的测试模板和一个查询，但它无法工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Report</title> <style media="screen"> @media only screen and (max-width: 768px) { h1.temp{display: block !important} //testing & not working.... } </style> </head> <body bgcolor="#f6f6f6"> <h1 class="temp" style="display: none">Show Me in Mobile Device</h1> <%= yield %> </body> </html>

报告 @仅介质屏幕和（最大宽度：768px）{ h1.temp{display:block！important}//测试和不工作。。。。 } 在移动设备中显示我
我使用了“premailer rails”gem，它适合我。这是一个例子。
我使用了“premailer rails”gem，它对我很有用。这是一个例子。
你在测试什么浏览器/应用程序？嗨@Roy，我正在用Gmail应用程序测试，以及Rails.actionmailer中的smtp配置。请将所有媒体查询放在一起。只需在浏览器中的Gmail中检查您的项目。通过mutt（终端电子邮件客户端）和rails发送相同的模板。它通过mutt运行良好。我还不知道如何处理自己的问题。我使用了旧版本的roadie gem。它将所有媒体挤在一起。新的一个已经识别了媒体，并使用
min with
或
max with
附加选项跳过内联媒体。您正在测试什么浏览器/应用程序？Hi@Roy我正在使用Gmail应用程序进行测试，以及Rails中的smtp配置。actionmailer将所有媒体查询放在一起。只需在浏览器中的Gmail中检查您的项目。通过mutt（终端电子邮件客户端）和rails发送相同的模板。它通过mutt运行良好。我还不知道如何处理自己的问题。我使用了旧版本的roadie gem。它将所有媒体挤在一起。新的一个已经识别了媒体，并使用
min with
或
max with
附加选项跳过内联媒体。我尝试了hi@olucube，但媒体查询仍然不起作用：（那么你如何测试它？我设置了smtp（gmail）在我的Rails应用程序中进行配置，然后通过浏览器和android电话检查发送给may帐户的邮件。你可以共享你的app\views\mailer\.html.erb和app\views\layout\.html.erb或与在此处发送邮件有关的代码吗？该样式可能会在你的代码中的某个地方被覆盖。Hi@olucube我尝试过，但媒体查询仍然没有't worked:（你是如何测试它的？我设置了smtp（gmail）在my Rails应用程序中进行配置，然后通过浏览器和android电话检查发送给may帐户的邮件。您是否可以共享您的应用程序\views\mailer\.html.erb和app\views\layout\.html.erb或与在此处发送电子邮件有关的代码？该样式可能会在您的代码中的某个位置被覆盖请与我们联系。