Bootstrap本身不提供文字随窗口缩放自动调整字号功能，text-center等类仅控制静态水平对齐；字号缩放必须用JS结合clamp()或resize事件动态计算并设置font-size，而Modal内文字居中可直接用justify-content-center（标题）或text-center（正文）实现。
bootstrap 本身不提供文字随窗口缩放自动调整字号或对齐的功能，text-center、text-start 等类只控制水平对齐，不响应视口尺寸变化做字体缩放；所谓“自动缩放对齐”，本质是两件事：文字居中（对齐） + 字号随视口动态调整（缩放）。对齐靠 css，缩放必须靠 js。
Modal 内文字居中对齐只需加 class，不用 JS
Modal 中的文字居中，比如标题或正文段落，直接用 Bootstrap 原生类即可，不需要 JS 干预：
-
.modal-title居中：给.modal-header加justify-content-center（不是给.modal-title加text-center） - 正文段落居中：给
<p>或容器加text-center，但注意它只在块级元素生效，且不随缩放变化 - 响应式居中（小屏左对齐、大屏居中）：用
text-start text-lg-center，顺序不能反，否则text-start会被覆盖失效
让文字字号随窗口宽度缩放，得用 JS 控制 font-size
Bootstrap 没有内置 viewport-relative 字体缩放逻辑，必须手动绑定 resize 事件或用 calc() + CSS 变量配合 JS 更新。常见错误是直接监听 window.resize 频繁触发重排，或用 vw 单位导致小屏字号过小。
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
- 推荐方案：用
clamp()CSS 函数定义字号区间，JS 仅负责初始化和响应resize后的微调（如需兼容旧浏览器） - 关键点：字号缩放应基于
document.documentElement.clientWidth，而非window.innerWidth（后者含滚动条宽度，会导致跳动） - 示例逻辑：
function updateModalTextSize() { const modalBody = document.querySelector('.modal-body'); if (!modalBody) return; const width = document.documentElement.clientWidth; // 例如：400px → 14px，1200px → 18px，中间线性插值 const size = Math.min(Math.max(14 + (width - 400) * 0.005, 14), 18); modalBody.style.fontSize = `${size}px`; } window.addEventListener('resize', updateModalTextSize); updateModalTextSize(); - 避免每帧都执行：用
requestAnimationFrame节流，或debounce延迟 100ms 再更新
Modal 弹窗本身缩放时，文字对齐容易错位
如果 Modal 支持拖拽缩放（如用 resize: both），文字对齐会受容器宽高变化影响。此时 text-center 仍有效，但若内容溢出或换行异常，问题往往出在：
-
.modal-content被设了固定height或max-height，导致内部文字被裁剪或 flex 布局失效 - 缩放后
.modal-dialog的max-width未同步更新，造成内容区实际宽度小于预期，text-center看起来“偏左” - 文字容器用了
white-space: nowrap或overflow: hidden，缩放后无法换行，对齐基准丢失 - 解决办法：缩放后强制触发一次
getComputedStyle读取，再写回fontSize，避免浏览器渲染延迟导致错位
真正难的不是加 class 或写几行 JS，而是缩放和对齐同时存在时，CSS 层叠顺序、flex 主轴方向、font-size 计算粒度这三者稍一错位，文字就会“看着居中实则偏移”。尤其当 Modal 内嵌表格或图标+文字混合布局时，text-center 对 flex 子项无效这个坑，几乎每次都会踩。
