随笔分类 -  前端布局方式

摘要:科普下: 平时很少用的css单位: 1.长度单位: rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数; vw:相对于视口的宽度。视口被均分为100单位的vw; vh:相对于视口的高度。视口被均分为100单位的vh; vmax:相对于视口的宽度或高度中较大的那个。其中 阅读全文 »
posted @ 2018-08-14 16:40 鱼樱前端 阅读(1694) 评论(0) 推荐(0) 编辑
摘要: 阅读全文 »
posted @ 2018-05-13 18:43 鱼樱前端 阅读(319) 评论(0) 推荐(0) 编辑
摘要:;(function(win, lib) { var doc = win.document;// win = window,lib = window.lib; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleE... 阅读全文 »
posted @ 2018-04-19 12:35 鱼樱前端 阅读(771) 评论(0) 推荐(0) 编辑
摘要:元素水平垂直居中 我需要用多种方式居中你 阅读全文 »
posted @ 2018-04-06 00:00 鱼樱前端 阅读(371) 评论(0) 推荐(0) 编辑
摘要:rem原理与简介: 依据html根元素大小定,px转rem动态调整根元素font-size大小; 1rem = 16px; html的字体大小就是可以默认为浏览器的字体大小; 移动端适配:方式一 媒体查询@media @media screen and (max-width:320px){ html{ font-size:20px; } } @media screen an... 阅读全文 »
posted @ 2018-03-19 17:48 鱼樱前端 阅读(520) 评论(0) 推荐(0) 编辑
摘要:css 弹性布局: 盒子模型: box-sizing属性1.content-box 正常的普通的盒子模型用padding和border会使盒子变大;(向外扩张)2.border-box 盒子模型,padding和border盒子模型不变大;(向内扩张)calc(计算公式)+ - * /基本用的四种一 阅读全文 »
posted @ 2018-03-16 00:52 鱼樱前端 阅读(295) 评论(0) 推荐(0) 编辑
摘要:浮动布局 ... 阅读全文 »
posted @ 2017-09-15 20:33 鱼樱前端 阅读(231) 评论(0) 推荐(0) 编辑
摘要:浮动 ... 阅读全文 »
posted @ 2017-09-04 20:47 鱼樱前端 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 阅读全文 »
posted @ 2017-09-04 20:41 鱼樱前端 阅读(472) 评论(0) 推荐(0) 编辑
摘要: 阅读全文 »
posted @ 2017-09-04 20:39 鱼樱前端 阅读(123) 评论(0) 推荐(0) 编辑
摘要:Title 海外酒店 团购 特惠酒店 客栈公寓 海外酒店 ... 阅读全文 »
posted @ 2017-09-04 20:11 鱼樱前端 阅读(318) 评论(0) 推荐(0) 编辑
摘要: 阅读全文 »
posted @ 2017-09-04 19:57 鱼樱前端 阅读(155) 评论(0) 推荐(0) 编辑
摘要:设置在容器上面的属性:flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content1、flex-direction: row | row-reverse | column | column-reverse;r 阅读全文 »
posted @ 2017-09-04 19:49 鱼樱前端 阅读(525) 评论(0) 推荐(0) 编辑

 
往后余生 - 王贰浪
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.
  1. 1 往后余生 王贰浪
  2. 2 拂雪 不才
  3. 3 我的一个道姑朋友 洛尘鞅
  4. 4 大田后生仔 王雨萌
点击右上角即可分享
微信分享提示