在html中在线应用时,可以在桌面版Safari浏览器中更改svg的宽度吗?
HTML:
<div id="wrapper">
<svg style="left:100px;" height="300" width="500" ...>
</div>
如果我尝试在css中执行以下操作,则Safari中的宽度不会受到影响(它仍然是500像素)。 Safari不支持!important-directive与SVG结合使用吗?
的CSS:
#wrapper svg {width:200px !important;}
它似乎适用于所有其他浏览器。我必须改变svg的宽度并稍稍向左移动
的CSS:
#wrapper svg {width:200px !important;left:-50px !important;}
但它不向左移动,宽度不会受到影响(已在Safaris自己的开发工具中检查过)。
我想更改宽度并使用媒体查询稍微移动一下。我已经在Browserstack上测试了这个(用于在不同的浏览器/智能手机/ ipads等中查看网站的服务),该项目似乎适用于iphone5S及更高版本,但不适用于iphone5。