谷歌地图没有全宽打印

Question

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

它在屏幕上正确显示，但在尝试打印时，您会看到地图中的一些文本项目向右滑动并创建 ga a a a a a ap...

你可以在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;
  }


}