如何改变Chrome中<audio>个元素的高度？ （能够在 FF 中做得很好）
How to change the height of <audio> elements in Chrome? (Was able to do it fine in FF)
所以我在我的网站上用 Firefox 开发了一个配置文件（该网站在配置文件中接受 HTML）。然后我在 Chrome 中打开它，虽然我注意到它们之间存在差异和优缺点，但除了我在顶部的音频播放器在 Firefox 中的样式正确之外，我并没有真正感到困扰，但不是在 Chrome.
在我看来 "height" CSS 出于某种原因没有接受 Chrome，同时它在 Firefox 中使用得很好。
知道如何解决这个问题吗？如果没有，至少帮我让它在 Chrome 中正常显示，即使它 有 是胖而不是我想要的苗条。至少我希望它能正常工作，而不是被页面遮挡，即使它不是我想象的那样。
我试过几个@media "hacks" 只针对 Chrome / webkit 但他们都不接受。
有问题的配置文件位于 here（需要 Flash）。来源可在来源选项卡中免费获得。 CSS 类名是 .BGM。
谢谢。
编辑：图片差异：https://imgur.com/a/EQyqD
您可以看到问题 - 我希望它像在 Firefox 中一样正确显示，而不是像在 Chrome 中那样被压碎。我实际上希望能够为 Chrome 进一步设计样式 - 使其在 Chrome 中的样式与在 Firefox 中的样式相同 - 尽管我猜测 Chrome 可能不会像 Firefox 一样灵活。
PS：是的，一个网站在 2018 年仍然在 Flash over HTTP 上运行是疯狂的，是的，网站上的配置文件设计都是幼稚和前卫的。这是我的一种罪恶感 - 这是一个不错的小编码游乐场。
将 .bgm class 中的高度属性更改为更大的值，例如 30。
如果您真的很在意播放器在 Firefox 上的外观，您还可以引入一些 Chrome 的边距 .bgm:
-webkit-margin-before: 12px;
如果你想让 Chrome 播放器更苗条，你需要查看 webkit masks，这需要一个额外的图像文件。
所以我在我的网站上用 Firefox 开发了一个配置文件（该网站在配置文件中接受 HTML）。然后我在 Chrome 中打开它，虽然我注意到它们之间存在差异和优缺点，但除了我在顶部的音频播放器在 Firefox 中的样式正确之外，我并没有真正感到困扰，但不是在 Chrome.
在我看来 "height" CSS 出于某种原因没有接受 Chrome，同时它在 Firefox 中使用得很好。
知道如何解决这个问题吗？如果没有，至少帮我让它在 Chrome 中正常显示，即使它 有 是胖而不是我想要的苗条。至少我希望它能正常工作，而不是被页面遮挡，即使它不是我想象的那样。
我试过几个@media "hacks" 只针对 Chrome / webkit 但他们都不接受。
有问题的配置文件位于 here（需要 Flash）。来源可在来源选项卡中免费获得。 CSS 类名是 .BGM。
谢谢。
编辑：图片差异：https://imgur.com/a/EQyqD
您可以看到问题 - 我希望它像在 Firefox 中一样正确显示，而不是像在 Chrome 中那样被压碎。我实际上希望能够为 Chrome 进一步设计样式 - 使其在 Chrome 中的样式与在 Firefox 中的样式相同 - 尽管我猜测 Chrome 可能不会像 Firefox 一样灵活。
PS：是的，一个网站在 2018 年仍然在 Flash over HTTP 上运行是疯狂的，是的，网站上的配置文件设计都是幼稚和前卫的。这是我的一种罪恶感 - 这是一个不错的小编码游乐场。
将 .bgm class 中的高度属性更改为更大的值，例如 30。
如果您真的很在意播放器在 Firefox 上的外观，您还可以引入一些 Chrome 的边距 .bgm:
-webkit-margin-before: 12px;
如果你想让 Chrome 播放器更苗条，你需要查看 webkit masks，这需要一个额外的图像文件。