gpt4 book ai didi

html - 为什么用于移动设备的内部 CSS 在 gmail 中不起作用?

转载 作者:行者123 更新时间:2023-11-28 03:49:59 26 4
gpt4 key购买 nike

我正在从 php 文件向 gmail 帐户发送电子邮件。我的代码是基本的 HTML 和 CSS。电子邮件在桌面上看起来不错,它具有所有样式,但在移动设备(应用程序和浏览器)中没有显示样式,似乎内部 CSS 已被删除。

我什至试过谷歌示例代码:

<html>
<head>
<style>
.colored {
color: blue;
}
#body {
font-size: 14px;
}
@media screen and (min-width: 500px) {
.colored {
color:red;
}
}
</style>
</head>
<body>
<div id='body'>
<p>Hi Pierce,</p>
<p class='colored'>
This text is blue if the window width is
below 500px and red otherwise.
</p>
<p>Jerry</p>
</div>
</body>
</html>

这些是我发送的 header :

$headers = "MIME-Version: 1.0" . "\r\n";
$headers .= "From: Optimization Manager <server07@host.secure-serve3.com>" . "\r\n" .
$headers .= "Content-type:text/html;charset=UTF-8" . "\r\n";

但即使这样也行不通。

有什么想法吗?

最佳答案

应用它可能会起作用,因为我的系统它工作正常并且还清除了缓存,如果仍然有问题请告诉我

<!DOCTYPE html>
<html>

<head>
<title>sdb</title>
<style>
.colored {
color: red;
}

#body {
font-size: 14px;
}

@media screen and (max-width: 500px) {
.colored {
color: blue;
}
}
</style>
</head>

<body>

<div id='body'>
<p>Hi Pierce,</p>
<p class='colored'>
This text is blue if the window width is below 500px and red otherwise.
</p>
<p>Jerry</p>
</div>

</script>
</body>

</html>

关于html - 为什么用于移动设备的内部 CSS 在 gmail 中不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44774129/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com