Html 在chrome'；中查看时，媒体查询不适用于SVG；s移动仿真器

我正在svg中使用嵌入式媒体查询。用于调整窗口大小，但在emulator中查看时不起作用。代码如下：

<div>
<svg width="4em" viewbox="0 0 30 42">
    <path id='drop' fill="#000" stroke="#000" stroke-width="1.5"
        d="M15 3
        Q16.5 6.8 25 18
        A12.8 12.8 0 1 1 5 18
        Q13.5 6.8 15 3z" />
    <style>
        @media screen and (max-width: 700px) {
            #drop {
                fill: green;
            }
        }
    </style>
    </svg>
</div>

@媒体屏幕和屏幕（最大宽度：700px）{
#下降{
填充：绿色；
}
}