我修复了一个响应设计问题，并引入了另一个。我制作了一个很酷的svg，并在其中包含了一些文本。我知道，我知道-我应该通过HTML/CSS添加文本的。但是我的网站今天就要到期了，我在图形上花了太多的时间，所以我不能把SVG变成一个响应的div。

起初，使用100%的最大宽度会使矢量文本在电脑显示器上太大，在手机上太小。我为移动优先设计了矢量，所以它是长的和垂直的(2300px和3000px)

我设法通过将vh和wh作为单位来解决这个难题。

但是现在，当图像进入移动视图时，它会被下移。Mobile-view在上面的元素和图像之间引入空白。

图像分区上没有边距，没有衬垫。上面的元素没有任何元素。尸体上也没有。

有什么可能导致这种情况的线索吗？

提前非常感谢！

HTML

<div class="vector">
        <img class="vector-img" src="dark.svg">
   </div>

CSS

    width: 95wh;
    height: 100vh;
    padding: 0px;
    margin: 0px;