<?xml version="1.0" encoding="utf-8"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"><channel><title>MagicLen</title><link>https://magiclen.org/tag/fit-html-text/feed</link><description>多元化原創文章，內容包羅萬象，有程式語言、網站應用、軟體介紹、硬體介紹、作業系統、旅行遊記、專題採訪、益智問題、文學創作，以及作者們的知識分享和作品分享。</description><language>zh-TW</language><lastBuildDate>Sat, 11 Apr 2026 11:42:58 +0000</lastBuildDate><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>8</sy:updateFrequency><sy:updateBase>1970-01-01T00:00+00:00</sy:updateBase><item><title>如何根據容器大小自動調整HTML上的文字，使文字儘量不破壞排版</title><link>https://magiclen.org/fit-html-text</link><description><![CDATA[    <img src="https://magiclen.org/wp-content/uploads/2023/12/sutterlin-1362879_1280-220x162.jpg" srcset="https://magiclen.org/wp-content/uploads/2023/12/sutterlin-1362879_1280-220x162.jpg 1x, https://magiclen.org/wp-content/uploads/2023/12/sutterlin-1362879_1280-440x324.jpg 2x, https://magiclen.org/wp-content/uploads/2023/12/sutterlin-1362879_1280-660x486.jpg 3x" alt="">
早在2017年筆者在開發前端網頁的時候就遇到兩個問題：如果要做一個網頁，這網頁滿版顯示，在任意螢幕尺寸下都要長的差不多，文字的大小要怎麼處理呢？還有就是在文字高度僅允許一行文字的空間下，要怎麼保證使用者輸入的文字不會因為太多而使得顯示出來的時候換行，或是換太多行了，而導致畫面跑版？]]></description><category>JavaScript</category><category>HTML</category><category>JavaScript</category><category>TypeScript</category><category>fit-html-text</category><guid>https://magiclen.org/fit-html-text</guid><pubDate>Sat, 23 Dec 2023 17:00:00 +0800</pubDate><dc:creator>Magic Len</dc:creator></item></channel></rss>