From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/css/font-size-adjust/index.html | 145 ++++++++++++++++++++++++ 1 file changed, 145 insertions(+) create mode 100644 files/zh-cn/web/css/font-size-adjust/index.html (limited to 'files/zh-cn/web/css/font-size-adjust') diff --git a/files/zh-cn/web/css/font-size-adjust/index.html b/files/zh-cn/web/css/font-size-adjust/index.html new file mode 100644 index 0000000000..0aaa5b46dd --- /dev/null +++ b/files/zh-cn/web/css/font-size-adjust/index.html @@ -0,0 +1,145 @@ +--- +title: font-size-adjust +slug: Web/CSS/font-size-adjust +translation_of: Web/CSS/font-size-adjust +--- +

{{ CSSRef() }}

+ +

概述

+ +

font-size-adjust CSS属性定义字体大小应取决于小写字母，而不是大写字母。在字体较小时，字体的可读性主要由小写字母的大小决定，通过此选项即可进行调整。

+ +

当{{ Cssxref("font-family") }}的首选字体不可用时，如果备选字体的尺寸比（小写字母的大小与字体大小的比）有较大的差别时，可读性可能会成为一大问题。

+ +

为了兼容于不支持font-size-adjust的浏览器，该属性的值应该被定义为{{ Cssxref("font-size") }}的值所要乘的系数。 这意味着定义的值应该为首选字体的尺寸比。例如，样式表这样定义

+ +
font-size: 14px;
+font-size-adjust: 0.5;
+
+ +

的真实作用是定义小写字母的大小应该为7px高 (0.5 × 14px).

+ +

{{cssinfo}}

+ +

语法

+ +
/* 仍使用font size的值 */
+font-size-adjust: none;
+
+/* 使用小写字母大小为font size一半大小的字体大小 */
+font-size-adjust: 0.5;
+
+font-size-adjust: inherit;
+
+ +

值

+ +
+
none
+
仅根据{{ Cssxref("font-size") }}属性决定字体大小。
+
<number>
+
+

根据使小写字母大小（根据字体的x-height--西文字体设计中的基线与主线的距离--决定）为该值乘以{{ Cssxref("font-size") }}的结果定义字体。

+ +

数字应为{{ Cssxref("font-family") }}的首选字体的尺寸比（x-height和字体大小的比）。这意味着当首选字体可用时，不论浏览器是否支持font-size-adjust，都会显示文字为{{ Cssxref("font-size") }}的大小。

+
+
+ +

正式语法

+ +
{{csssyntax("font-size-adjust")}}
+ +

示例

+ +

查看在线演示

+ +
p {
+   font: 12px Verdana, "DejaVu Sans", sans-serif;
+   font-size-adjust: 0.58;
+} 
+ +

规范

+ + + + + + + + + + + + + + + + +
规范状态b
{{ SpecName('CSS3 Fonts', '#propdef-font-size-adjust', 'font-size-adjust') }}{{ Spec2('CSS3 Fonts') }} 
+ +

font-size-adjust CSS属性最初在CSS 2中被定义，但在CSS 2.1被放弃。后又被新添加至CSS 3。

+ +

浏览器兼容性

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support +

{{ CompatNo() }}

+ 		1.0 (1.0)
+ Windows only		{{ CompatNo() }} {{ CompatNo() }} {{ CompatNo() }} 
{{ CompatGeckoDesktop("1.9") }}
+ All platforms
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari MobileChrome for Android
Basic support{{ CompatUnknown() }}{{ CompatGeckoMobile("1.9.2") }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{ CompatUnknown() }}{{CompatChrome(42.0)}}
+
+ +

参见

+ + -- cgit v1.2.3-54-g00ecf