百度地图花屏解决方案

百度地图花屏解决方案

百度地图花屏，如图：

原样式:body, html,#mainMap{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:0.54%;}
其中#mainMap用于百度地图。
现改为：body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:0.54%;} #mainMap {width: 300%;height: 300%;}
便可解决。
很明显没花的地方范围是没达到100%的宽和高的；将百度地图的作用范围扩大（相对于父级），这样花的地方就在可视的之外。