CSS3 中-webkit-text-size-adjust 详解

-webkit-text-size-adjust 是一个 CSS 属性，用于指定文本大小是否应该根据设备的屏幕大小进行调整。这个属性主要是为了移动设备设计的，因为用户可能会改变他们浏览器的字体大小设置。

该属性可以设置为以下值：

• none：文本大小不会根据屏幕大小调整。
• auto：文本大小会根据屏幕大小调整。这是默认值。
• initial：设置为浏览器默认的文本大小。

/* 禁止文本大小自动调整 */
.element {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
 
/* 启用文本大小自动调整 */
.element {
  -webkit-text-size-adjust: auto;
  text-size-adjust: auto;
}
 
/* 设置为浏览器默认的文本大小 */
.element {
  -webkit-text-size-adjust: initial;
  text-size-adjust: initial;
}

在实际使用中，你可能只需要设置 -webkit-text-size-adjust: none; 来确保你的网站在 iOS 设备上的 Safari 浏览器中文本大小不会根据设备的屏幕大小调整。其他浏览器，如 Chrome 和 Firefox，也支持这个属性，但可能需要前缀，如 -moz-text-size-adjust 用于 Firefox。