我的网站分辨率太低了

时间:2014-05-28 08:41:57

标签: css image firefox rendering resolution

如果你在Firefox中测试我的应用程序,你会发现一些松树的分辨率太低了。

You can test my web here.

将您的语言更改为英语并按下按钮" DISCOVER HOW>"

点击游泳池图标:

screenshot http://i57.tinypic.com/e9au6v.jpg

您可能已经注意到,水针以较低的分辨率显示:

screenshot http://i59.tinypic.com/fthpw6.png

这是什么原因?

谢谢大家。

2 个答案:

答案 0 :(得分:1)

快速浏览一下它似乎并没有以较低的分辨率显示,但仅仅是Firefox在将图像从1476px平方缩小到64px平方时效果不佳。我想尝试使用photoshop或者类似的东西将图像自然地转换为64px,这样可以很好地缩小尺寸,然后Firefox应该正确地渲染它。

答案 1 :(得分:0)

试试这个demo

img{
    background:url(http://ecoavantis.com/fuertehoteles/images/pin_big_green.png);
    background-size:100% 100%;
    background-repeat:no-repeat;
    width:100px;
    height:100px;
    display:block;        
}

<img src="transparent.png" />