2完全相同的HTML页面呈现方式取决于托管

时间:2014-02-16 06:03:11

标签: html css svg resize rendering

我有两个完全相同的站点(一个在我的开发服务器上,一个在我的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;

这是一种正确的做法吗?

我真的很感激一些帮助。 谢谢提前

1 个答案:

答案 0 :(得分:0)

试试这个CSS:

background-image:url('../images/bg.svg');
background-repeat:no-repeat;
background-size:contain;
background-position:center;

不要在图像上设置尺寸。您可以将此CSS应用于“body”元素或其中的任何容器。