@Javascript文本动画媒体
我的主页上有一个Javascript文本动画,我想插入一个@media命令,使用内部CSS来减少这个过大的文本,这样对于iphone来说就更小了。我已经尝试了下面的方法和各种迭代,但无法使其工作。值得注意的是,这是一个wordpress主题,“bk_big_text”是一个特定于主题的文本id。非常感谢您的帮助@Javascript文本动画媒体,javascript,css,wordpress,responsive-design,text-size,Javascript,Css,Wordpress,Responsive Design,Text Size,我的主页上有一个Javascript文本动画,我想插入一个@media命令,使用内部CSS来减少这个过大的文本,这样对于iphone来说就更小了。我已经尝试了下面的方法和各种迭代,但无法使其工作。值得注意的是,这是一个wordpress主题,“bk_big_text”是一个特定于主题的文本id。非常感谢您的帮助 <head> <title>for mobile we do content script</title> <style type="te
<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]
对于移动,我们做内容脚本
@仅媒体屏幕和(最大设备宽度:480px){
.bk_大_文本{
尺寸:40!重要;
}
}
[bk_big_text size=“120”]//
我们制作内容[/bk\u big\u text]
您缺少大小的值。添加%
,或em
或px
:
@media only screen and (max-device-width: 480px) {
.bk_big_text {
size: 40% !important;
}
}
谢谢,这样就好了!必须将元素更改为字体大小,@media更改为最大宽度,以符合主题开发人员的术语。再次感谢你,你是个明星!