【HTML】div中文字根據(jù)容器寬度自適應(yīng)調(diào)整大小,通過js函數(shù)實(shí)現(xiàn)
當(dāng)前位置:點(diǎn)晴教程→知識管理交流
→『 技術(shù)文檔交流 』
1. function refreshPageScalePrice() { 2. function autoSetScale(element) { 3. const maxWidth = element.dataset.maxWidth || 300 4. if (element.clientWidth <= maxWidth) { 5. element.style.transform = 'none'; 6. } else { 7. const scaleNum = maxWidth / element.clientWidth; 8. element.style.transform = 'scale(' + scaleNum + ')'; 9. } 10. } 11. const autoScalePrice = document.queryselectorAll('.scalePrice') 12. for (var i = 0; i < autoScalePrice.length; i++) { 13. autoSetScale(autoScalePrice[i]) 14. } 15. } 1. <div class="left-column"> 2. <div class="originPrice scalePrice" data-max-width="180">$99,911.11</div> 3. </div> 該文章在 2023/8/25 0:15:41 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |