【发布时间】:2013-01-18 00:22:38
【问题描述】:
我正在尝试创建一个小的 HTML5 手机游戏。为了避免屏幕分辨率出现任何问题,我使用 .svg 作为背景图像。在本地服务器上工作时,图像不会显示在最终服务器上:http://tangera.bemoredifferent.com/。如果有人能解决这个问题,那就太好了。
丹尼尔
【问题讨论】:
标签: css mobile svg screen-resolution
我正在尝试创建一个小的 HTML5 手机游戏。为了避免屏幕分辨率出现任何问题,我使用 .svg 作为背景图像。在本地服务器上工作时,图像不会显示在最终服务器上:http://tangera.bemoredifferent.com/。如果有人能解决这个问题,那就太好了。
丹尼尔
【问题讨论】:
标签: css mobile svg screen-resolution
如果您喜欢使用 .svg 文件作为背景,您必须在样式表中添加以下代码
background-size: cover;
原因,见文档https://developer.mozilla.org/en-US/docs/CSS/background-size
在这里演示:http://jsfiddle.net/robertc/c9LgV/
祝你好运!
【讨论】:
.htaccess 中的一些更改来解决这个问题,但它仍然不起作用。知道如何在不使用 PHP 动态更改所有 .svg 的情况下设置正确的 mimetype 吗?