本帖最后由 云云 于 2022-10-27 23:44 编辑
一、今日学习
响应式开发原理就是使用媒体查询针对不同的宽度的设备进行布局和样式的设置，从而适配不同设备。
划分情况设备的：
小于768px的为超小屏幕（手机）
768px~992px之间为小屏幕设备（平板）
992px~1200px之间的为中等屏幕（桌面显示器）
大于1200px以上就是超大屏幕（大桌面显示器）
版心尺寸划分
小于768px的为超小屏幕（手机） 版心为100%
768px~992px之间为小屏幕设备（平板）版心为750px
992px~1200px之间的为中等屏幕（桌面显示器）版心为970px
大于1200px以上就是超大屏幕（大桌面显示器）版心为1170px
BootStrap的基本使用: BootStrap的栅格系统使用, bootstrap在不同屏幕下控制元素的显示和隐藏
网页编写总结
PC端：
1、先写结构再写样式
2、结构永远比样式更重要
3、H5C3在使用时有部分浏览器会有兼容性问题
移动端：
1、移动端主流方案：单独制作移动端页面
2、移动端备选方案：响应式页面兼容移动端
3、移动端的技术选型：流式布局、flex弹性布局（推荐）、rem布局（推荐）、响应式布局
|
