菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-张悕可-20230428 [打印本页]

作者: 小胖 时间: 2023-5-3 14:01
标题: 前端-张悕可-20230428
响应式开发布局：
使用媒体查询针对不同的宽度的设备进行布局和样式的设置，从而适配不同的设备
通常设备的划分情况如下：
小于768px的宽度为超小屏幕
768~992之间的为小屏设备
992~1200px之间的是中等屏幕
1200px以上的是大屏幕

父级容器版心的尺寸：
小于768px的宽度为超小屏幕版心宽度设置为100%
768~992之间的为小屏设备版心宽度设置为750px
992~1200px之间的是中等屏幕版心宽度设置为970px
1200px以上的是大屏幕版心宽度设置为1170px

Bootstrap：
栅格系统
系统会将页面最多分为12列
栅格系统通过行（row）和列（column）的组合来控制页面布局，我们的页面内容就可以放到这些创建好的布局中

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)