移动版 Safari 上 jquery 按钮上的文本溢出
Overflowing text on jquery buttons on mobile Safari
我有一个 jquery 网络应用程序，在我的 iPhone 上看起来很棒。我刚刚在其他人的 iPhone 上看过它，他们在辅助功能中打开了 粗体文本 。这样做的问题是按钮上的大部分文本会溢出。例如，他们的 phone 不是按钮上的 "Confirm"，而是显示 "Co..."，这有点没用。这是一个公司内部网络应用程序，因此它只需要 运行 在 iPhone 秒。
有什么解决办法吗？
在您的 css 元素大小调整中使用相对单位 (em, rem) 可以帮助防止这种情况发生。还要避免在元素上使用设置宽度，因为溢出的文本可能会被截断。
WCAG AA 标准规定，用户必须能够在不损失内容或功能的情况下将文本大小调整至 200%，因此确保任何按钮都随着文本的增加而增长非常重要。您可以消除按钮上可能设置的任何宽度，否则它们应该相对于其中的文本展开。
关于 wcag 标准的来源：https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html
我有一个 jquery 网络应用程序，在我的 iPhone 上看起来很棒。我刚刚在其他人的 iPhone 上看过它，他们在辅助功能中打开了 粗体文本 。这样做的问题是按钮上的大部分文本会溢出。例如，他们的 phone 不是按钮上的 "Confirm"，而是显示 "Co..."，这有点没用。这是一个公司内部网络应用程序，因此它只需要 运行 在 iPhone 秒。
有什么解决办法吗？
在您的 css 元素大小调整中使用相对单位 (em, rem) 可以帮助防止这种情况发生。还要避免在元素上使用设置宽度，因为溢出的文本可能会被截断。
WCAG AA 标准规定，用户必须能够在不损失内容或功能的情况下将文本大小调整至 200%，因此确保任何按钮都随着文本的增加而增长非常重要。您可以消除按钮上可能设置的任何宽度，否则它们应该相对于其中的文本展开。
关于 wcag 标准的来源：https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html