pc 和 h5 都能打开要求样式不变形

项目中有这个要求，最简单的方法就是嵌套一个iframe标签，动态展示url.

什么是iframe标签呢？

        RAME是HTML标签，作用是文档中的文档，或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架，一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。个人认为就是等比例设置的视口大小

直接跳转 子集会在父级页面<iframe ></iframe >页面里嵌套，导致居中出现问题然后发现：

设置动态class是不生效的  

 一.这种跳转出去都不是嵌套后的页面

1.window.location.href、location.href   是本页面跳转

2.parent.location.href    是上一层页面跳转

3.top.location.href     是最外层的页面跳转

 二：self.location 这种很完美 避免了重复嵌套<iframe ></iframe >的问题

  <iframe class="ifcenter" width="750px" :key="$route.query.type" height="100%" :src="src">

  </iframe>



data() {
            return {
                src: 'http:baidu.com’
       }