网页通过iframe嵌入百度地图API时自适应屏幕

<style type="text/css">
iframe{width:100%;min-height:471px}
@media screen and (max-width: 640px) {
	#iframe{min-height:271px}
}
@media screen and (min-width:750px) and (max-width:800px){
	#iframe{min-height:271px}
}
</style>
<iframe src="/baidumap.html" id="iframe"></iframe> 复制

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

<!--百度地图容器-->
<div id="dituContent"></div>

<style type="text/css">
	#dituContent{position: absolute;width:99%;height: 98%;}

	@media screen and (max-width: 640px) {
		#dituContent{width:98%;height: 97%;}
	}
</style>复制

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10