@media for Javascript文本動畫

我在我的主頁上有一個Javascript文本動畫，並且想要使用內部CSS插入@media命令來減少這個超大文本，所以對於iPhone來說它更小。我已經嘗試了下面的和各種迭代，但無法使其工作。值得注意的是這是一個wordpress主題，「bk_big_text」是一個主題特定的文本ID。任何幫助非常感謝！@media for Javascript文本動畫

<head> 
<title>for mobile we do content script</title> 
<style type="text/css"> 

@media only screen and (max-device-width: 480px) { 
     .bk_big_text { 
      size: 40 !important; 
     } 
} 
</style> 
</head> 


<p style="text-align: left;">[bk_big_text size="120" ]<script type="text/javascript">// <![CDATA[ 
var words = ["splash","branded", "your", "digital", "fresh","integrated", "interactive", "creative", "powerful","witty", "editorial"]; 
var i = 0; 
var text = "We do splash content"; 
function _getChangedText() { 
    i = (i + 1) % words.length; 
    console.log(words[i]); 
    console.log(i); 
    return text.replace(/splash/, words[i]); 
} 
function _changeText() { 
    var txt = _getChangedText(); 
    console.log(txt); 
    document.getElementById("changer").innerHTML = txt; 
} 
setInterval("_changeText()", 1000); 
</script> 
<span id="changer" style="color: #ffffff;">We do content</span>[/bk_big_text]

來源

2014-04-05 user3324665

您錯過了大小的值。添加%，或em或px：

@media only screen and (max-device-width: 480px) { 
     .bk_big_text { 
      size: 40% !important; 
     } 
}

來源

2014-04-05 18:42:54 mbrrw

謝謝，整理吧！必須將元素更改爲font-size和@media以最大寬度來對應主題開發人員條款。再次感謝您的明星！ – user3324665

不用擔心！樂意效勞。 – mbrrw

@media for Javascript文本動畫

回答

相關問題