39194


下記div要素を、どのような画面幅でも常に一行となるようフォントサイズ調整したいのですが、どうすれば良いでしょうか？

[code]

    <div><a href="">動的に生成する任意のリンクテキスト</a> 文字列 <a href="">動的に生成する任意のリンクテキスト</a></div>
    
[/code]


CC BY-SA 3.0
2017-10-31T02:45:40.783
39167
2019-10-17T11:10:13.200
7886
question
javascript jquery css html5
画面幅に応じて「指定ブロック要素内のテキストが常に一行」となるようフォントサイズ調整したい


画面サイズによってcssを調整するプラグインを作ったことがありますので参考になればと  
<https://github.com/kamem/jquery.flexibleCssSize>

プラグインを使って作ったサンプルです。  
<http://jsdo.it/kamem/oOjH> （[Internet
Archive](https://web.archive.org/web/20191017110902/http://jsdo.it/kamem/oOjH)）

プラグインを読み込み下記のように書くと画面サイズによってcssを変更できます。  
standardに一行で収まる画面幅をいれてください。

[code]

    $(".text").flexibleCssSize({
        css: "font-size",
        content : $(window),
        minParcent : 0, // 最小
        minSize: 6,
        maxParcent : 10, //最大
        standard : 385 // 一行でおさまる幅をいれる
    });
    
[/code]

下記cssをいれることでもしも一行でおさまらなかった場合は[...]とすることができます。

[code]

    .text {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
     }
    
[/code]


CC BY-SA 4.0
2017-11-01T02:56:10.063
39194
2019-10-17T11:10:13.200
2019-10-17T11:10:13.200
19110
7455
39167
answer