【问题标题】:2 exact same HTML page renders differently depending on hosting2 个完全相同的 HTML 页面呈现不同,具体取决于托管
【发布时间】:2014-02-16 06:03:10
【问题描述】:

我有 2 个完全相同的站点(一个在我的开发服务器上,一个在我的 prod 服务器上),但是这 2 个页面的呈现方式不同......这不是浏览器问题,因为它们都进行相同的呈现: SVG 背景可以缩放,因为它应该只有我的开发服务器 ...

开发服务器:http://clients.ntasky.com/MA/V1.1/#/about/history
产品服务器:http://mamobilieractuel.com/V1.1/#/about/history

我已经覆盖了 CSS 内联以强制 SVG 占用所有空间。

background-size: cover !important;

这是正确的做法吗?

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

【问题讨论】:

  • 这两个SVG文件不同。
  • 非常感谢...我一定很累了 :) +1 @Blender

标签: html css svg resize rendering


【解决方案1】:

试试这个 CSS:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-05-10
    • 1970-01-01
    • 2021-09-16
    • 1970-01-01
    • 2018-08-03
    • 2023-04-07
    • 2020-09-27
    相关资源
    最近更新 更多