title: Is there any way to apply Media Queries on Frameset elements to make website mobile responsive?
body: <p>Actually I am trying to make my desktop web page mobile responsive.</p>
  
  <pre><code>  &lt;frameset rows="80,*" frameborder="no" border="0" framespacing="0"&gt;
      &lt;frame src="/showTopFrame.do" name="topFrame" scrolling="no" noresize=""&gt;
      &lt;frameset cols="20%,80%*" frameborder="0" framespacing="0" border="0"&gt;
      &lt;frame src="/showLeftNav.do" name="menu" marginheight="0" marginwidth="0" noresize="true" scrolling="auto" framespacing="0" border="0" frameborder="0"&gt;
      &lt;frame src="/blank.html" name="information" marginheight="0" marginwidth="0" scrolling="auto" framespacing="0" border="0" frameborder="0"&gt;
      &lt;/frameset&gt;
      &lt;/frameset&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/p7PPm.gif" alt="enter image description here"></p>
  
  <p>Please help me if I can achieve this with media Query or any other simple way.</p>