内联样式不受媒体查询的影响

Question

我遇到有关媒体查询的问题。

例如，我有一行包含内联样式

asInstanceOf

“Hello”会根据媒体查询进行更改，但跨度“WORLD”仍然是相同的字体大小。

无论如何我只能用HTML和CSS来改变它吗？

Answer 1

你必须像这样编写选择器：

h1 span{
    font-size: calc(80px *1.8) !important;/* or just 144 */
}

您不能只使用180％，因为它会在应用内联样式之前根据字体大小计算大小（除非您打算这样做）。