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

狀況

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

改善

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

方法

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

範例

CODEPEN

Leave a Reply

Your email address will not be published. Required fields are marked *