gpt4 book ai didi

html - 如何在保持响应能力的同时使 iframe 居中

转载 作者:行者123 更新时间:2023-11-27 23:10:50 27 4
gpt4 key购买 nike

我在一个网站上创建了这张美国 map ...我怎样才能将它放在我的网页上并使其响应?这是嵌入:

<iframe src="https://www.makeaclickablemap.com/map.php?a9991fe6fc387656aaaab1c63308dbef6b4b7c93" frameborder="0" scrolling="no" height="720" width="960"></iframe>

最佳答案

将此 CSS 添加到您的页面以使 iframe 居中并使其响应:

iframe {
display: block;
margin: 0 auto;
max-width: 960px;
width: 100%;
}

去掉 scrolling="no" 允许 iframe 在页面宽度小于 iframe 宽度时滚动

关于html - 如何在保持响应能力的同时使 iframe 居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46086243/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com