zl程序教程

您现在的位置是:首页 >  前端

当前栏目

深入浅出Flask(11): H-ui前端框架的响应式的列重置

响应框架前端UI 11 深入浅出 Flask 重置
2023-09-14 09:10:31 时间

在开发WEB应用程序时,经常会遇到不同的显示屏大小的问题,导致显示页面不能满足不同的电脑屏幕大小,或者手机屏幕的大小,这样会让大家用起来不爽的大原因。所以屏幕的适应才是一个大的问题,它是一个排版的问题,这种问题会伴随着UI所有的开发过程。

bootstrap的栅格系统

bootstrap包含了一个响应式的,移动设备优先,不固定的网格系统,可以随着屏幕的伸缩,改变列的大小和数量,同行最多12列。

代码使用@media根据屏幕的大小控制样式。

Bootstrap 网格系统(Grid System)的工作原理

网格系统通过一系