インラインスタイリングがメディアクエリの影響を受けていない

Question

メディアクエリに関する問題が発生しています。例えば

は私が持っているインラインスタイルの1行は、メディアクエリに基づいて

<h1>Hello<span style="font-size:80px;">WORLD</span> 

@media (max-width: 768px) { 
    h1 { 
     font-size: 180% !important;  
    }  
} 

「こんにちは」変更

が含まれますが、スパン「WORLD」はまだ同じフォントサイズです。

私はこれをHTMLとCSSだけで変更できますか？

Answer 1

あなたはこのようにセレクタを記述する必要があります。

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

インラインスタイルが適用される前には、フォントのサイズに基づいてサイズを計算しますので、それはあなたが意図したものでない限り、あなただけ（180％を使用することはできませんにする）。