移动Safari上的jquery按钮溢出文本
问题描述：
我有一个jQuery Web应用程序，它在我的iPhone上看起来不错。我刚刚在其他人的iPhone上看过它，并且他们在可访问性中打开了加粗文本。问题在于，按钮上的大部分文本溢出。例如，不是按钮上的“确认”，他们的电话显示“Co ...”，这有点无用。这是一个公司内部的网络应用程序，所以它只需要在iPhone上运行。移动Safari上的jquery按钮溢出文本
任何想法如何解决这个问题？
答
在你的css元素中使用相对单位（em，rem）尺寸可以帮助防止这种情况发生。同时避免在元素上使用设置宽度，因为溢出的文本可能会被截断。
WCAG AA标准规定，用户必须能够在不丢失内容或功能的情况下将文本大小调整到200％，因此确保任何按钮随文本增加而增长很重要。您可以消除可能在按钮上的任何设置宽度，否则它们应该相对于其中的文本扩展。在WCAG标准
源：https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html
卸下'溢出：hidden'或从按钮等效。 – aardrian