chenzimin2
/
yapianbowuguan


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      body {
        width: 100vw;
        height: 100vh;
        background: gray;
      }
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      iframe {
        position: absolute;
        bottom: 100px;
        right: 10px;
        z-index: 1000;
      }
    </style>
  </head>
  <body>
    <iframe
      src="file:///D:/code/%E5%9B%9B%E7%BB%B4/%E9%B8%A6%E7%89%87%E6%88%98%E4%BA%89%E5%8D%9A%E7%89%A9%E9%A6%86/%E5%9C%BA%E6%99%AF/searchGuide/searchGuide.html"
      frameborder="0"
      id="myifr"
      width="10%"
      height="30%"
    ></iframe>

    <script>
      var iframe = document.getElementById("myifr");
      // iframe.width = iframe.contentWindow.document.body.scrollWidth;
      // iframe.height = iframe.contentWindow.document.body.scrollHeight;
      // console.log(iframe.contentWindow.document.body.scrollWidth);
      if (window.innerWidth < 700) {
        iframe.height = 20 + "%";
        iframe.width = 20 + "%";
      }

      window.addEventListener("message", function (msg) {
        if (msg.data.params.num) {
          iframe.width = msg.data.params.num + "%";
        }
      });
    </script>
  </body>
</html>