container下的子元素会随着窗口变化而变化, 尺寸: <576px 特小 extra small 小于等于 ≥576px small 大于等于 sm ≥768px midium 中等 大于等于 md ≥992px large 大号 lg ≥1200px 特大 xl 大尺寸 小尺寸576以下 中 ...
分类:
其他好文 时间:
2019-11-24 09:20:08
阅读次数:
81
辅助类(工具类): 文本颜色: <p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p> <p class="text-primary">Fusce dapibus, tellus a ...
分类:
其他好文 时间:
2019-11-23 17:52:00
阅读次数:
79
css引入 <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> body主体结构 <body id="top"> <div class="contai ...
分类:
其他好文 时间:
2019-11-23 16:19:10
阅读次数:
69
Vue有一个很方便的特性就是Vue的双向绑定,即响应式变化,在Vue2.X版本中,Vue响应式变化靠的是Object.defineProperty方法实现的,但是这个方法有个问题,就是对数组的支持不全面,如我们想要通过arr[0] = 11这种下标修改值的方式,Vue是不会监听并重新渲染组件的,以及 ...
分类:
其他好文 时间:
2019-11-23 16:04:48
阅读次数:
59
重要内容处设置断点breakpoint CSS * { margin: 0; box-sizing: border-box; border: 0; padding: 0; font-weight: bold; } body { text-align: center; } .container { m ...
分类:
其他好文 时间:
2019-11-23 10:10:10
阅读次数:
110
最大不大于 最小不小于 不要使用绝对像素单位即可 即 px 改为% % 或 rem 这里用% 流动布局相较于相对像素改变最大的是不可感知 ...
分类:
其他好文 时间:
2019-11-23 09:19:36
阅读次数:
57
HTML杂项 响应式图片 属性srcset 属性sizes <picture>标签 ...
分类:
Web程序 时间:
2019-11-21 13:48:23
阅读次数:
500
bootstrap介绍 详情见: "bootstrap" 布局容器 使用前端框架,所有标签样式的调整,全都是通过class属性值来的 格栅系统 一个row就是一行,每个row默认会分成12份,通过 来选择你想要占几份 根据浏览器窗口的不同,采取不同的布局方式,进行响应式布局, 进行PC端布局, 进行 ...
分类:
其他好文 时间:
2019-11-20 21:25:06
阅读次数:
46
用CSS实现响应式布局 响应式布局感觉很高大上,很难,但实际上只用CSS也能实现响应式布局要用的就是CSS中的没接查询,下面就介绍一下怎么运用: 使用@media 的三种方法 1.直接在CSS文件中使用: @media 类型 and (条件1) and (条件二){ css样式 } @media s ...
分类:
Web程序 时间:
2019-11-17 20:46:33
阅读次数:
67
响应式导航菜单 代码如下 HTML代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1 ...
分类:
Web程序 时间:
2019-11-17 14:48:10
阅读次数:
73