html - @media all and (device-aspect-ratio: 1.78) { }
问题描述
我想在手机上查看网页内容时使用特定的字体大小(纵横比为 2.05);并且,在我的 PC 上查看网页内容时的另一种字体大小(纵横比为 1.78)。
看起来我做错了什么(请参阅下面的代码)。我的@media all
代码部分被完全忽略。我怎样才能正确地做到这一点?
需要注意的一件重要事情。此 HTML 显示在我的电子邮件阅读器(我的 PC 和手机电子邮件应用程序)上。我正在寻找一种在指定字体大小时区分手机电子邮件客户端和台式电脑电子邮件客户端的好方法。如果有更好的方法,我愿意接受建议。
代码:
<html>
</head>
<style>
@media all and (device-aspect-ratio: 1.78) {
body {
font-family: "Source Code Pro", monospace;
font-size: 8px;
}
}
@media all and (device-aspect-ratio: 2.05) {
body {
font-family: "Source Code Pro", monospace;
font-size: 4px;
}
}
</style>
</head>
<body>
This HTML is displayed in my email readers (both PC & Mobile Phone).
</body>
<html>
解决方案
推荐阅读
- functional-programming - 当我们谈论函数中的函数时,究竟什么是纯函数
- git - 适用于命令行和 Intellij 的 lint-staged + commitizen 配置
- amazon-ec2 - Amazon EC2:如何监控我的软件是否正在运行?
- go - 你如何处理 golang 中的 float64 比较?
- ruby-on-rails - 仅限登录用户的编辑和删除功能
- php - 作为函数调用者执行 return
- mysql - 如何安全地存储自由文本用户的答案
- flutter - 如何获取字符串中的所有项目名称
- dart - 为什么 meta.gps.gpsLatitude 为空?
- python-3.x - Python String - 需要在末尾打印带有双引号的字符串