随笔分类 - css
摘要:CSS常见布局 左列定宽,右列自适应 浮动 <div class="left">left</div> <div class="right">right</div> <style type="text/css"> .left{ width: 100px; background: red; float:
阅读全文
摘要:响应式布局——媒体查询 响应式布局容器 响应式需要一个父级做为布局容器,来配合子级元素实现变化效果。 原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化。 一般情况下的响应式尺寸划分 超小屏幕(手机,小于76
阅读全文
摘要:常见自适应布局 <div class="box"> <div class="left"></div> <div class="right"></div> </div> 左侧固定宽度,右侧自适应布局 方法一: 左侧盒子使用float浮动,固定宽度,右侧盒子设置margin-left控制与左侧的距离:
阅读全文
摘要:vue生命周期 - 创建期间的生命周期函数: + beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性 + created:实例已经在内存中创建OK,此时 data 和 methods 已经创建OK,此时还没有开始 编译模板 + beforeM
阅读全文