2

制御電流幅に基づいて CSS を記述する必要があるという要件があります。

例：私が持っているとしましょうDIV、このdivをサイドメニューバーに配置する場合（たとえば、menu width="300px;"）、フォントサイズを8pxに設定し、このDIVをメインコンテンツ領域に配置する場合（たとえば、menu width="700px;"）、フォントサイズを設定したい15px.

CSS を使用してこのシーンを実現するにはどうすればよいですか?

メディアクエリでこのようなものを書くことができますが、メディアクエリは親コンテナの幅ではなく、ビューポートの幅に基づいています。

4

3 に答える 3

2

CSS の C̲ascading 部分を利用します。

.menuBar .myDiv
{
    font-size: 8px;
}
.mainContent .myDiv
{
    font-size: 15px;
}
于 2012-10-19T19:55:00.967 に答える
0 
.side-menu div{ 
 font-size:8px;}
.main-content div{ font-size:15px;}
于 2012-10-19T19:57:07.953 に答える
-1

スタイルを適用する div の幅が既にわかっている場合のみ:

input[width="50px"]
{
    font-size: 20px;
}

他に選択肢がない場合に特に便利です。ただし、クラスと ID に基づいてスタイルを設定することをお勧めします。

于 2012-10-19T19:55:16.553 に答える