vue移动端项目开发常规解决

iframe高度自定义

解决页面中间部分引入iframe高度100%失效问题

<iframe
	v-if="item.id == 'flzz'"
	src="https://blog.csdn.net/dongsdh"
	width="100%"
	scrolling="no"
	frameborder="0"
	class="default-iframe"
</iframe>
<iframe
	v-if="item.id == 'xlfw'"
	src="https://fanyi.baidu.com/?aldtype=16047#auto/zh"
	width="100%"
	scrolling="no"
	frameborder="0"
	class="default-iframe"
></iframe>

<style>
.default-iframe {
  position: relative;
  height: calc(100vh - 12px - 44px - 50px);
}
</style>