深入浅出Flask(11): H-ui前端框架的响应式的列重置
2023-09-14 09:10:31 时间
在开发WEB应用程序时,经常会遇到不同的显示屏大小的问题,导致显示页面不能满足不同的电脑屏幕大小,或者手机屏幕的大小,这样会让大家用起来不爽的大原因。所以屏幕的适应才是一个大的问题,它是一个排版的问题,这种问题会伴随着UI所有的开发过程。
bootstrap的栅格系统
bootstrap包含了一个响应式的,移动设备优先,不固定的网格系统,可以随着屏幕的伸缩,改变列的大小和数量,同行最多12列。
代码使用@media根据屏幕的大小控制样式。
Bootstrap 网格系统(Grid System)的工作原理
网格系统通过一系