背景图像放大firefox

虽然我正在研究这个项目，但我在操作系统窗口下遇到了Firefox的缩放问题。如果您将浏览器页面的比例更改为100％（例如），则切断背景图像，问题仅出现在Firefox中，并且仅在Windows或Ubuntu中，在Mac OS上才能正常工作。可能有人面临，并会建议你如何解决这个错误。背景图像放大firefox

例如：http://jsfiddle.net/uL53nd7z/1/

div { 
    background-image: url(http://oi60.tinypic.com/jal5wh.jpg); 
    background-repeat: no-repeat; 
    height: 23px; 
    width: 23px; 
}

来源

2014-09-05 Игорь Коваль

可以相对单位添加到您的高度和宽度与background-size: cover使你的形象把你的DIV的所有内容。根据您的目标受众，您可以使用em或rem，以便他们“跟随”修改页面。

我的代码：

html { 
    font-size: 12px; 
} 

div { 
    background-image: url(http://oi60.tinypic.com/jal5wh.jpg); 
    background-repeat: no-repeat; 
    height: 1.916666666666667rem; /*23/12*/ 
    width: 1.916666666666667rem; 
    -webkit-background-size: cover; 
    background-size: cover; 
}

结果jsFiddle

来源

2014-09-05 11:02:48 AlexDom

我打开你的榜样，并放大到90％，漏洞依然存在。我使用的是Firefox的实际版本 - 32. 顺便说一下，它不依赖于单位的大小，即使我设置35px的宽度和高度，当我缩放图片仍然被截断时。顺便说一句，这个问题出现在很多网站上，例如http://www.apple.com/choose-your-country/如果你设置的比例为80％是裁剪语言的图标。 – 2014-09-05 11:31:50

有雅，我看到了同样的问题在Firefox中。我知道这不是一个答案，但是谁缩小了？ :)现在人们设计了放大，只是说。而我刚才看到，如果你缩小在stackoverflow标志是在底部裁剪... – AlexDom 2014-09-05 12:07:45

缩放回来在工作中使用QA :-)和一个小屏幕的用户.. – 2014-09-05 13:06:58

背景图像放大firefox

回答

相关问题