SVG調整窗口大小的高度調整大小，也中心到父

Question

所以我讓我的網絡應用程序響應時遇到麻煩。我設法使SVG在寬度調整時適應，但我遇到了高度問題。

我已經拿出了高度調整最佳的解決方案是下面的js/jQuery代碼：

 function updateWindow(){ 
      var y = (($(window).height())); 
      svgMap.style.height=y; 
     } 
     updateWindow(); 
     window.onresize = updateWindow; 

這樣做是設置SVG視口的高度等於該窗口。這個作品從某種意義上說，它將SVG與瀏覽器窗口的高度集中在一起。不太好，它在移動設備上出現了問題，並且幾乎增加了一個奇怪的頂級利潤。這也使得SVG稍微小一些，除非我將「y」乘以大於1的值。但是，這樣做會增加利潤率差距。如何麻煩..

您可以查看這裏的演示： http://zadias.me/SVG/Harrison%20Wilson/HarrisonWils.html

和演示W/O高度中心的變化在這裏：http://zadias.me/SVG/Harrison%20Wilson/HarrisonWils%20-%20Copy.html

總之事情了，一個人如何去爲中心的SVG在<object>標記內，水平和垂直。另外，我希望它能讓SVG映射本身填充包裝容器。

任何幫助表示讚賞，謝謝。

編輯：所以我已經放棄了試圖讓它正好契合家長的高度..相反，我只是寫了一些JS如果高度太小，這將將提示用戶發出警告導致頁面溢出。我也做到了這一點，因爲它可以通過向每個頁面添加內聯CSS以及媒體查詢來完美設計。

Answer 1

如果您的SVG的寬度和高度設置爲100％，即：

<svg width="100%" height=="100%">... 

那麼它應該只是調整了SVG是容器內部的問題。 「xMidYMid meet」的preserveAspectRatio設置應該垂直居中。