網頁縮小後格式不跑掉的方法

狀況

寫好的網頁一經視窗縮小,內容排版全部亂掉。

改善

視窗縮小後內文格式不動,但下方產生寬度卷軸。

方法

  1. 在大框架與所有內容中間新增一個div,變成大框架-父元素,新div-中元素,所有內容-子元素
  2. 修改新div的CSS
    div{
    width: 網頁格式能維持的最小寬度px;
    margin-right: auto;
    margin-left: auto;
    }
    

範例

CODEPEN

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *