Google地图未以全宽打印

Question

我可以看到div容器的宽度是正常的（我在它周围放了一个可见的边框）

它在屏幕上正确显示，但在尝试打印时，您可以看到地图中的某些文字项目向右滑动并创建了一个关键词......

您可以在http://PicGPS.com

上看到它

知道怎么解决吗？一些神奇的CSS可能吗？

Answer 1

https://stackoverflow.com/a/10210153/3585278

  

如果需要，您必须将所有父容器设置为100％宽度   用它覆盖整个页面。您必须设置绝对值   #content div的宽度和高度至少为。

body, html {
  height: 100%;
  width: 100%;
}

div#content {
  width: 100%; height: 100%;
}

Answer 2

对于“打印”，请尝试设置介质打印的边距和尺寸

@page  
{ 
  size: auto;   /* auto is the initial value */ 
  div#map {
    width: 100%; height: 100%;
    margin:0mm;  
    pabbing: 0mm;
  }


}