我有两个完全相同的站点(一个在我的开发服务器上,一个在我的prod服务器上),但是这两个页面呈现的方式不同......而且它不是浏览器问题,因为它们都做了相同的渲染: SVG背景缩放,因为它应该只是我的开发服务器......
开发服务器:http://clients.ntasky.com/MA/V1.1/#/about/history
prod服务器:http://mamobilieractuel.com/V1.1/#/about/history
我已经覆盖CSS内联以强制SVG占用所有空间。
background-size: cover !important;
这是一种正确的做法吗?
我真的很感激一些帮助。 谢谢提前
答案 0 :(得分:0)
试试这个CSS:
background-image:url('../images/bg.svg');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
不要在图像上设置尺寸。您可以将此CSS应用于“body”元素或其中的任何容器。