- 博客(3)
- 收藏
- 关注
RSS订阅原创 响应式网页和bootstrap的介绍
Bootstrap 就是这样一个简洁、直观、强悍的前端开发框架,开发者可以在它的基础上进行个性化定制.首先要想使用bootstrap框架,首先要导入其css源文件,可以去官方文档查看和下载,这里推荐使用v3版本的,因为现在市面上用得最多的还是v3版本..container和调用的类名,为csss中版心和通栏, 不再过多赘述..row是一行,它可以解决.container这个版心设置的左右15px的内边距,.row使用可以有效处理。
2022-11-15 21:37:05
358
1
原创 css中单位em和rem的区别 和媒体查询 移动端适配的问题
既然一个媒体查询对应一个屏幕, 为了适配移动端那么多型号的屏幕,也需要很多媒体查询,一个一个写真的很不方便,所以现在通用的解决方案就是手淘开发出的 一个flexible.js文件,专门解决的就是移动端适配的问题,简介方便,导入js到项目中即可。,每一份在标准稿下是默认的375px/10=37.5px,可以理解为1rem =37.5px, 所以在开发中,测量的像素值/37.5的值就是多少rem.例如。,其核心最底层原理就是构造函数使的可以监测屏幕的大小并随之对应的改变基础的页面跟字体大小.
2022-11-13 22:03:36
215
原创 弹性盒子(flex) 改变主轴和强制换行
多行侧轴垂直排列 ,中间按照1比1划分。多行侧轴垂直排列 ,中间按照1比2划分。主轴两边靠边,中间自适应。flex默认的主轴是水平方向上的。2.flex(弹性盒子)强制换行。侧轴两边靠边,中间自适应。多行侧轴垂直排列 ,中间对齐。侧轴从最后一个开始排列。侧抽为垂直方向上的y轴.侧轴从第一个开始排列。默认方向值为 row。
2022-11-11 20:47:32
3859
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人