Safari浏览器滚动条和SVG(Safari Scrollbars & SVG)

问题：Safari浏览器是不是在玩球，并呈现我的SVG图像带有滚动条。

改进了问题的版本：“我如何得到填补一组宽度，并有计算的高度基于Safari中的纵横比？” （感谢Phrogz）

相关的代码：

SVG文件

 viewBox="0 0 800 800"

（没有高度或宽度指定）

 .objectwrapper { max-width: 600px; min-width: 150px; margin-right: auto; margin-left: auto; } .objectdiv { max-width: 60%; margin-right: auto; margin-left: auto; display: block; }

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" /> <meta http-equiv="expires" content="0" /> </head> <body> <div class="objectwrapper"> <div class="objectdiv"> <object type="image/svg+xml" data="question0optimize1.svg" width="100%" height="100%"> </object> </div> </div> </body> </html>

在所有其他的浏览器我已经试过我得到一个不错的平滑缩放窗口大小的变化和Ctrl +变焦。但Safari浏览器我提供了一个更小的SVG和滚动条。我究竟做错了什么？