• 我们切换为vue框架是后面的事情，之前还有一些功能页面是用jsp页面写的，而我们的管理系统需要既支持Vue的url，又要支持这些发布之后的jsp页面
• 还有一个就是切换tab回来的时候之前输入的东西还要存在

• 针对这个问题，我们最开始的实现思路是写了一个iframe的通用组件，然后把不同的http的页面的url传递进来进行切换，但是这样不满足第二条，我们发现只要切换了vue的路由，然后再切回http的页面，iframe中的src属性的页面就会从新刷新，没有办法保留住东西，于是就有了下面的实现思路
• 我们在vue的router-view同级别添加了一个iframeTemp组件，其实就是一个elementUI的tab组件，然后把tab组件的头的样式隐藏在我们菜单栏的下面

• 如有大段引用超过全文50%的内容，请在文档结尾标明原文出处：龙马行空-石国庆-朱庇特-，否则将视为抄袭，予以法律追究，请各位尊重个人知识产权。

• 我们切换为vue框架是后面的事情，之前还有一些功能页面是用jsp页面写的，而我们的管理系统需要既支持Vue的url，又要支持这些发布之后的jsp页面
• 还有一个就是切换tab回来的时候之前输入的东西还要存在

• 针对这个问题，我们最开始的实现思路是写了一个iframe的通用组件，然后把不同的http的页面的url传递进来进行切换，但是这样不满足第二条，我们发现只要切换了vue的路由，然后再切回http的页面，iframe中的src属性的页面就会从新刷新，没有办法保留住东西，于是就有了下面的实现思路
• 我们在vue的router-view同级别添加了一个iframeTemp组件，其实就是一个elementUI的tab组件，然后把tab组件的头的样式隐藏在我们菜单栏的下面

文章转载自：龙马行空-石国庆-朱庇特-

1、控制横向和纵向滚动条的显隐？

由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。

具体说，CSS代码不能指定像素宽度：

字体也不能使用绝对大小（px），而只能使用相对大小（em）。

上面的代码指定，字体大小是页面默认大小的100%，即16像素。

然后，h1的大小是默认大小的1.5倍，即24像素（24/16=1.5）。

的含义是，各个区块的位置都是浮动的，不是固定不变的。

的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。

"自适应网页设计"的核心，就是CSS3引入的模块。

它的意思就是，自动探测屏幕宽度，然后加载相应的CSS文件。

除了用html标签加载CSS文件，还可以在现有CSS文件中加载。

同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。

除了布局和文本，"自适应网页设计"还必须实现图片的。

这只要一行CSS代码：

这行代码对于大多数嵌入网页的视频也有效，所以可以写成：

老版本的IE不支持max-width，所以只好写成：

此外，windows平台缩放图片时，可能出现图像失真现象。这时，可以尝试使用IE的：