zoukankan      html  css  js  c++  java
  • 固定长度下随文字数量增加自动适配字体大小

    问题:在一个固定长度的位置(例如标题栏),针对其内容的字数不定的情况下,如何实现总是能展示完整的标题?

    解法:

    1、定义获取字符串字节数的函数(注意是字节数不是长度)

    2、根据字符串字节数调整字体大小(成反比,且可以使用Math.cos,具体根据实际情况来调整)

    String.prototype.byteLength = function () {
      let bytesCount = 0;
      for (let i = 0, n = this.length; i < n; i += 1) {
        const c = this.charCodeAt(i);
        if ((c >= 0x0001 && c <= 0x007e) || (c >= 0xff60 && c <= 0xff9f)) {
          bytesCount += 1;
        } else {
          bytesCount += 2;
        }
      }
      return bytesCount;
    };
  • 相关阅读:
    Go语言基础--1.1 变量的声明
    基本语法
    弹性盒子修改
    弹性盒子内容
    弹性盒子
    响应式列重置
    栅格系统
    布局容器
    额外按钮
    可消失的弹出框
  • 原文地址:https://www.cnblogs.com/guxuelong/p/12762327.html
Copyright © 2011-2022 走看看