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