標籤: RWD

純 CSS 製作自適應 RWD 正方形，可隨容器寬度大小改變，自動調整容器高度，維持正方形比例，而正方形容器中一樣可以有內容，不受影響

HTML:

CSS:

example:

See the Pen
CSS RWD square 正方形 by VECTOR.cool 威得數位 (@ann71727)
on CodePen.

Refrance:
https://spin.atomicobject.com/2015/07/14/css-responsive-square

[……]

閱讀更多