CSS 排版詞條 3-26

內容最大寬度Max-width

也常叫做:最大寬度、max-width

你可能會這樣說

網站在大螢幕上內容一路延伸到兩側,段落變得很難閱讀。

白話解釋

內容最大寬度是限制一個區塊最寬能長到多少的設定。螢幕變寬時,內容不會無止境拉長,常搭配置中,讓文字行長和閱讀距離更舒服。

它不是固定寬度:小螢幕仍要能縮到可用寬度,避免內容被切掉或出現不必要的橫向捲動。

親手試試

沒有上限
大螢幕上的文字行可能太長,讀者需要左右移動視線。
限制最大寬度
內容保持可讀行長並置中,小螢幕則仍可縮小。

圖 3-26 點上面的按鈕,看看各部分怎麼分工。

這樣對 AI 說

中文就可以
請把文章主欄設成寬螢幕時最多 720px,並在較窄螢幕保留左右 20px 邊距。內容要置中,不能造成橫向捲動。

同一課的其他詞