javascript - MobileMe 如何动态缩放其用户名登录字段的字体大小?

标签 javascript css

我注意到登录 www.me.com 时,当您点击输入字段的末尾时,用户名输入字段的字体会缩小。它非常准确,几乎可以检测字符宽度,所以它不是字符计数。它甚至适用于 unicode 字符。你知道它是怎么做到的吗?

最佳答案

他们:

  1. 将用户名输入的值放在页面外的 span 元素中
  2. 使 span 元素具有与输入相同的字体大小
  3. 获取span元素的宽度
  4. 确定跨度的宽度是否大于输入元素的“可用”宽度,并相应地更新字体大小

关于javascript - MobileMe 如何动态缩放其用户名登录字段的字体大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4891751/

相关文章:

html - 使用 :after pseudo element after anchor element - browser differences

javascript - 如何比较所有类别的数据值?

javascript - 获取 RangeError [ERR_HTTP_INVALID_STATUS_CODE] : Invalid status code: undefined in express app

javascript - 你如何在 javascript 中使用多个引号?

css - 使用 CSS 绘制三 Angular 形

html - 在同一行或同一行显示两个 div

jquery - 将 CSS 应用于 jQuery 对话框按钮

javascript - 如何使用 jQuery 或 CSS 自动调整(拉伸(stretch))div 高度和宽度

javascript - 如何使javascript中的排序函数表现得像mysql order by

javascript - JQuery 可拖动堆栈在放置后中断