You are currently viewing CSS    Flexbox 與Grid練習網站
flex與grid

CSS    Flexbox 與Grid練習網站

Flexbox由來

Flexbox 早在2009年即被推出,其推出的主要目的就是用來讓前端工程師在網頁布局,更加流暢與方便。另方面,在蘋果手機等智慧型手機日益普及環境下,響應式網路布局更是每個前端工程師必須要具備的基本能力之一,Flexbox相較於Float而言,在響應式布局部分,前端工程師來說更加友善。

在此提供一個由六角學院建製的Flebox練習網站,讓剛入門的前端工程師或對於相關議題有興趣的同好,一個練習的平台。

Grid歷史

Grid是在2011年由微軟工程師「 Phil Cupp 」發明的。Grid與Flex最大的不同在於,Flex多著重在單一維度的布局,但相反的Grid卻可以同時在X、Y的兩個維度上進行布局,因此在運用上會更加靈活。

在此提供Layoutit網站供有興趣練習Gird布局的前端工程師練習。

Flex 與Grid關係

Flex 與Gird的關係,就像Flex與Float的關係一般,彼此的關係在網頁布局時是互補的,而非替代關係,對於前端工程師來說都必須要熟加練習。

weiwei

歡迎來到「法洛威」,這是一個追求成長與分享財務、法律及資訊的平台,讓我們一起共同成長。