js移动端文字自适应高度

/* 基本样式 */
.text-container {
    width: 100%;
    overflow-wrap: break-word;
}

/* 媒体查询示例 */
@media (max-width: 600px) {
    .text-container {
        font-size: 14px;
    }
}

@media (min-width: 601px) and (max-width: 1024px) {
    .text-container {
        font-size: 16px;
    }
}

@media (min-width: 1025px) {
    .text-container {
        font-size: 18px;
    }
}

function adjustTextHeight() {
    const containers = document.querySelectorAll('.text-container');
    containers.forEach(container => {
        container.style.height = 'auto'; // 先重置高度
        container.style.height = `${container.scrollHeight}px`; // 设置为实际内容高度
    });
}

// 初始调用
adjustTextHeight();

// 监听窗口大小变化，重新调整高度
window.addEventListener('resize', adjustTextHeight);