CSS 排版詞條 3-26
內容最大寬度Max-width
也常叫做:最大寬度、max-width
你可能會這樣說
網站在大螢幕上內容一路延伸到兩側,段落變得很難閱讀。
白話解釋
內容最大寬度是限制一個區塊最寬能長到多少的設定。螢幕變寬時,內容不會無止境拉長,常搭配置中,讓文字行長和閱讀距離更舒服。
它不是固定寬度:小螢幕仍要能縮到可用寬度,避免內容被切掉或出現不必要的橫向捲動。
親手試試
沒有上限
大螢幕上的文字行可能太長,讀者需要左右移動視線。限制最大寬度
內容保持可讀行長並置中,小螢幕則仍可縮小。這樣對 AI 說
中文就可以
請把文章主欄設成寬螢幕時最多 720px,並在較窄螢幕保留左右 20px 邊距。內容要置中,不能造成橫向捲動。