title: Media query not working for SVG when viewed in chrome's mobile emulator
body: <p>I am using an embedded media query within the svg. Works on window resize but not when viewed in emulator. Here's the code:</p>
  
  <pre><code>&lt;div&gt;
  &lt;svg width="4em" viewbox="0 0 30 42"&gt;
      &lt;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" /&gt;
      &lt;style&gt;
          @media screen and (max-width: 700px) {
              #drop {
                  fill: green;
              }
          }
      &lt;/style&gt;
      &lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>