jQuery Mobile：调整SVG大小以填充窗口

Question

我无法调整SVG的大小以适应jQuery Mobile页面。

这应该适用于移动设备以及普通浏览器。

请参阅此example。

 <div data-role="content">
    <object type="image/svg+xml" data="http://simonamby.dk/wdhtest/img/A_0.svg?id=1"></object>

CSS：

#map .ui-content {
    position : absolute;
    top      : 40px;
    right    : 0;
    bottom   : 30px;
    left     : 0;
}

奖励：如何让淡入淡出的动画在Internet Explorer中运行？仅适用于Chrome。

Answer 1

您只需将CSS应用于对象标记：

#map-page object {
    position:absolute;
    top:0%; 
    left:0%; 
    width:100%; 
    height:100%;
}

  

更新了 FIDDLE