如何在保留响应能力的同时将iframe集中

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 width