Question

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

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

Answer 1

将此CSS添加到您的网页，以使iframe居中并使其具有代表性：

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

删除scrolling="no"以允许在页面宽度小于iframe宽度时滚动iframe

如何在保持响应性的同时居中iframe

1 个答案: