归档 标签 友链 关于

iframe 区域显示

iframe 可以让 html 嵌套一个独立的 html 页面,但是这样只显示了从左上顶点开始的一部分,那么如何调整显示大小或者从指定的部分开始呢?

在html中创建一个全屏的iframe:

<body>
    <style>
        html,
        body,
        iframe {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            border: 0;
        }
    </style>
    <iframe src="#"></iframe>
</body>

从指定部分开始:

<div style="width:100%;height:700px;overflow:hidden;border:0px">
    <div style="width:100%;height:700px;margin:-50px 0px 0px 0px;">
        <iframe src="#" style="width: 100%;margin: 0;padding: 0;border: 0;height:700px;" scrolling="no">
        </iframe>
    </div>
</div>

意外发现在 markdown 中也能使用,效果见 https://tangkaichuan.cn/shared-memes/


· 转载请注明 https://tangkaichuan.cn/iframe-area/