以前写 ifream 是用在管理系统之类的场景,页面集成用。虽然使用方便,但其性能实在是不敢恭维。
每个页面都需要加载页头,冗余极多。遂弃之!
沉迷在前端路由和组件带来的欢愉,渐渐忘却了曾经的烦恼。
前些天有朋友需要个广告页,本来下意识的想用写个组件,但思来想去还是决定用iframe。原因是不愿让无关紧要的内容扰乱原本洁净的代码。
具体怎么做呢?
1 ifream 宽、高最大化,样式去除
2 广告位设定
<style>
body {
margin: 0;
}
#xsen {
width: 100%;
height: 100%;
border: none;
}
#vendor {
position: fixed;
bottom: 0;
right: 0;
width: 6.66rem;
}
</style>
</head>
<body>
<iframe src="http://xunsu.online" id="xsen"></iframe>
<img src="/img/yixzm.png" id="vendor" alt="广告位招商">
</body>
你瞧瞧,你瞧瞧,这是多么简单的事情!