オーバーフロー:スクロールを設定しました。したがって、コンテンツサイズが大きくなると、スクロールが追加されます。その代わりに、コンテンツの割合を減らして、ボックスに正確に収まるようにする必要があります。cssで設定できる変数はありますか?それを達成する他の方法はありますか?
PS私はCSSを初めて使用します。
オーバーフロー:スクロールを設定しました。したがって、コンテンツサイズが大きくなると、スクロールが追加されます。その代わりに、コンテンツの割合を減らして、ボックスに正確に収まるようにする必要があります。cssで設定できる変数はありますか?それを達成する他の方法はありますか?
PS私はCSSを初めて使用します。
CSSでは超過コンテンツを減らすことはできません。したがって、Javascriptを使用する必要があります。それ以外の場合は、超過コンテンツを非表示にします。Overflow:hide;を指定することでこれを行うことができます。これにより、超過コンテンツが非表示になります。つまり、その特定のdiv内に入ることができるコンテンツのみが表示されます。したがって、他の方法で超過コンテンツを表示しないことにより、コンテンツが削減されます。
@Kileが言うように、CSSは測定と計算ができず、ルールを宣言するだけです。削減するコンテンツの割合を計算するには、JavaScriptまたはサーバー側を使用する必要があります。たぶん、コードやスクリーンショットを追加すれば、もう少しお手伝いできます
使用することはできますがoverflow:hidden
、コンテンツが減ることはなく、親divよりも大きい残りのテキストを非表示にするだけです。
「オーバーフロー:自動」を試してみませんか。これにより、必要に応じてスクロールが追加されます。それ以外の場合は追加されません。
ちなみにあなたは何を求めていますか?
スクロールバーがなくても、ボックス内のすべての内容を収めようとしていますか?
それがあなたが探しているものであるなら、あなたはjavascriptを使ってあなたがボックスに挿入しようとしているコンテンツに応じてフォントサイズを変更し、実行時にサイズを変更する必要があります。