0

ビューポートの幅ではなく、コントロールの幅に基づいて css メディアクエリを記述することが可能です。

例: コンテナの最小幅 > 1000px の場合、color=red を設定し、それ以外の場合は、css を使用して color=red を設定しますか? またはメディアクエリの代わりに、このシーンを実現する他の方法はありますか?

4

1 に答える 1

1

CSS は、この仕事に適したツールではありません。これはスクリプト言語ではなく、条件文を機能的に使用することはほとんどありません。そして、それは良いです！それが本来あるべき姿です。幸いなことに、JavaScript があります。JSはそれを簡単にします。jsfiddle

<div style="width: 1000px" id="content">
   <h2>some title here</h2>
   <p>some content here</p>
</div>

<script>
var div = document.getElementById('content');
var el = div.style.width;
document.write ("SomeText");
if(el === '1000px')
{
    document.body.style.backgroundColor="red";
}
else
{
     document.body.style.backgroundColor="blue";
}
</script>

ユーザーが JavaScript をオフにしている場合、スタイルが崩れることに注意してください。大したことではありませんが、覚えておく価値があります。

于 2012-10-20T20:14:24.423 に答える