背景錯誤

Question

我有一個文本與環繞使用這個CSS文字背景圖像標題圖像位置：

.page-id-44491 #page-header-bg h1 { 
font-size:69px !important; 
text-transform:uppercase; 
background: url(http://rocketcafe.co.uk/wp-content/uploads/2015/12/scribble.png) no-repeat; 
background-size: 500px 200px; 
background-position: 50% calc(50% - 5px); 
} 

這工作完全在大多數瀏覽器，我想，大多數設備 - 但是我看到網站上的三星平板電腦昨天和背景圖像根本沒有定位。

您可以在這裏看到了兩個比較（第2是由客戶端發送，而不是偉大的品質）

該網站是http://www.rocketcafe.co.uk/

而且例子是：

https://www.dropbox.com/s/mxmmtmtz0pfshhu/Screen%20Shot%202016-02-27%20at%207.15.55%20PM.png?dl=0

https://www.dropbox.com/s/i4snyu96nsxkeo9/12782387_10153893672215729_994231173_n.jpg?dl=0

有誰知道這是爲什麼？沒有背景圖像屬性或計算功能的供應商前綴，所以我不知道爲什麼這不起作用？

任何幫助將不勝感激。

感謝

Answer 1

可惜我不能爲您提供完整的答案。但我可以幫忙。

這是對的截屏的Android瀏覽器。對開發者來說是一種純粹的邪惡函數calc（可能更少的函數，我用它少）不在那裏工作。

請看這裏。也許this answer可以幫助你或某人提供適合你的替代品。