2

画面解像度が 1024 * 768 以下の場合に TD フォント サイズを変更する非常に基本的な例を探しています。

表とレイアウトはどの解像度でもうまく収まりますが、この解像度では標準フォントが少し大きすぎます。だから私はそのフォントを変更する方法を見つけたいと思っていました..

現在、私のCSSは別のファイルにあり、TD用にこれが含まれています：

table.format td {
    padding: 3px 10px;  
    text-align: center;
    color: #333;
    font-size:10pt;
}

css がロードされた後、画面サイズを決定し、この値を上書きできますか?

アイデアや指針はありますか？

4

2 に答える 2

4

次のようなcssメディアクエリを使用します。

table.format td {
    padding: 3px 10px;  
    text-align: center;
    color: #333;
    font-size:10pt;
}

@media screen and (max-width:480px){
   table.format td {
     font-size:16pt; 
   }
}


@media screen and (max-width:1024px){
   table.format td {
     font-size:12pt; 
   }
}


@media screen and (max-width:1920px){
   table.format td {
     font-size:10pt; 
   }
}

ニーズに合わせて最大/最小幅を変更できます

于 2013-01-10T09:28:50.713 に答える
2

CSS3用にこれを試してください。ブラウザ ウィンドウのサイズが変更された場合の追加のスクリプトも削減されます。

http://css-tricks.com/viewport-sized-typography/

于 2013-09-05T09:38:08.867 に答える