如果屏幕尺寸减小，我有一个代码尝试更改h1的文本，这是我的实际代码，但无法正常工作。有人可以帮助我更正并理解它吗？谢谢！
的HTML
<h1 id="text1">Test</h1>
JAVASCRIPT
if($(window).width() <= 500){
$('#text1').Text('testing');
}else{
$('#text1').Text('buuu');
}
您需要处理window调整大小事件。另一种选择是使用CSS伪代码。
@media (min-width: 500px) {
#text1:after {
content: "foo";
}
}
@media (max-width: 499px) {
#text1:after {
content: "bar";
}
}<h1 id="text1"></h1>根据Niet the Dark Absol建议编辑。
@media (min-width: 500px) {
#text1 > .tiny {
display: none;
}
}
@media (max-width: 499px) {
#text1 > .big {
display: none;
}
}<h1 id="text1">
<span class="big">Bigger Content</span>
<span class="tiny">Smaller Content</span>
</h1>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句