內聯SVG不縮放爲視口更改...？

我想獲得一個SVG，我寫/提請按比例改變視口，這是我選擇sVG作爲圖像格式的原因。內聯SVG不縮放爲視口更改...？

但是，它似乎並沒有縮放。

我完成了我的研究告訴我的所有內容，爲SVG元素添加了寬度，高度和一些屬性，並添加了div容器父級;然後，在CSS中添加max-height/width和height/width：100％。

任何想法，爲什麼這個SVG不縮放，我怎麼可以擴大規模？

這裏是頁面的問題一個活生生的例子：https://dl.dropbox.com/u/270523/inlineSVG.html

2013-02-15 IMUXIxD

爲什麼這個'＃書籤{max-width：106px;}'？ – Duopixel 2013-02-15 21:31:02

@Duopixel：我不希望內聯svg，＃bookmark的孩子的寬度大於106px – IMUXIxD 2013-02-15 21:42:01

上#bookmark狀態的CSS：width: 100%; max-width: 106px;這意味着SVG不會放大，除非窗口是小於106px寬（其中大部分/所有的瀏覽器做不允許）。

很難分辨出你想要達到的目標，但是如果你指定width: 10%，你會發現SVG的確根據瀏覽器寬度進行縮放。

2013-02-15 22:25:12 Duopixel

這種作品很有用，但它仍然有溢出/有時過大。我能做些什麼嗎？除了在相應的媒體查詢中設置每個斷點的寬度和高度嗎？ – IMUXIxD 2013-02-15 23:10:32

@IMUXIxD如果你想防止SVG變得太大，那麼減少'max-width'。努力瞭解發生了什麼，以便您可以根據自己的喜好進行調整。 – Duopixel 2013-02-16 13:02:23

好的，謝謝。我感謝你的幫助。 – IMUXIxD 2013-02-16 16:14:36

回答