Mobile First Design Demo

Resize the window to see the effect!


w3-half

將容器設定為在中型或大型螢幕裝置上佔據 1/2nd 的視窗。如果螢幕小於 601 畫素,它會將容器大小調整為 100%。

w3-half


w3-third

將容器設定為在中型或大型螢幕裝置上佔據 1/3rd 的視窗。如果螢幕小於 601 畫素,它會將容器大小調整為 100%。

w3-third


w3-quarter

將容器設定為在中型或大型螢幕裝置上佔據 1/4th 的視窗。如果螢幕小於 601 畫素,它會將容器大小調整為 100%。

w3-quarter