Javascript 使用Flexbox倾斜的Google地图平铺

我正在尝试创建一个布局，其中有一个滚动的左栏，以图像作为链接，还有一个固定的全屏右栏，显示谷歌地图。我不明白为什么地图显示为倾斜。

$window .resizefunction{ var h=$window.height， offsetTop=40；//计算顶部偏移 $map-canvas.csheight，h-offsetTop； } .调整大小； html{ 身高：100%； 字体系列：无衬线； 填充：0px； 边际：0px； } 身体{ 身高：100%； 溢出：隐藏； 边际：0px； 显示器：flex； 左侧填充：0px； } .栏目{ 身高：100%； 显示器：flex； 弯曲方向：立柱； 左侧填充：0px； 边际：0px； } 左{ flex-grow:0； 弹性收缩：0； 弹性基准：40%； 背景色：白色； 填充：0px； 边际：0px； } 对{ 背景色：F3； flex-grow:0； 弹性收缩：0； 弹性基准：60%； 弹性：1； } .左上角{ 弹性收缩：0； 背景色：333； 颜色：白色； 填充：20px； } .右上角{ 显示：内联flex； 弹性收缩：0； 背景色：333； 颜色：白色； 填充：20px； } .底部{ 柔性生长：1； 溢出y：自动； 填充：0px； 边际：0px； } 保险商实验室{ 显示：内联flex； 列表样式：无； 填充：0px； 边际：0px； } 李{ 显示器：flex； 填充：0px； 边际：0px； } img{ 最小宽度：450px； 宽度：100%； 填充：0px； 边际：0px； } 地图画布{ 弹性：2； } 函数初始化映射{ //在夜间模式下设置地图样式。 var map=new google.maps.Mapdocument.getElementByIdmap-canvas{ 中心：{ 拉脱维亚：40.674， 液化天然气：-73.945 }, 缩放：12 }; } 谷歌地图使用HTML 函数初始化映射{ //在夜间模式下设置地图样式。 var map=new google.maps.Mapdocument.getElementByIdmap\u画布{ 中心：{ 拉脱维亚：40.674， 液化天然气：-73.945 }, 缩放：12 }; }

---

非常感谢你！

img {
  min-width: 450px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

.container-content img {
  margin: 0px;
  min-width: 450px;
  padding: 0px;
  width: 100%;
}