随笔分类 - 前端布局方式
发表于 2018-08-14 16:40阅读:1694评论:0推荐:0
摘要:科普下: 平时很少用的css单位: 1.长度单位: rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数; vw:相对于视口的宽度。视口被均分为100单位的vw; vh:相对于视口的高度。视口被均分为100单位的vh; vmax:相对于视口的宽度或高度中较大的那个。其中
阅读全文 »
发表于 2018-05-13 18:43阅读:319评论:0推荐:0
摘要:
阅读全文 »
发表于 2018-04-19 12:35阅读:771评论: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...
阅读全文 »
发表于 2018-04-06 00:00阅读:371评论:0推荐:0
摘要:元素水平垂直居中 我需要用多种方式居中你
阅读全文 »
发表于 2018-03-19 17:48阅读:520评论: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...
阅读全文 »
发表于 2018-03-16 00:52阅读:295评论:0推荐:0
摘要:css 弹性布局: 盒子模型: box-sizing属性1.content-box 正常的普通的盒子模型用padding和border会使盒子变大;(向外扩张)2.border-box 盒子模型,padding和border盒子模型不变大;(向内扩张)calc(计算公式)+ - * /基本用的四种一
阅读全文 »
发表于 2017-09-15 20:33阅读:231评论:0推荐:0
摘要:浮动布局 ...
阅读全文 »
发表于 2017-09-04 20:47阅读:177评论:0推荐:0
摘要:浮动 ...
阅读全文 »
发表于 2017-09-04 20:41阅读:472评论:0推荐:0
摘要:
阅读全文 »
发表于 2017-09-04 20:39阅读:123评论:0推荐:0
摘要:
阅读全文 »
发表于 2017-09-04 20:11阅读:318评论:0推荐:0
摘要:Title 海外酒店 团购 特惠酒店 客栈公寓 海外酒店 ...
阅读全文 »
发表于 2017-09-04 19:57阅读:155评论:0推荐:0
摘要:
阅读全文 »
发表于 2017-09-04 19:49阅读:525评论:0推荐:0
摘要:设置在容器上面的属性:flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content1、flex-direction: row | row-reverse | column | column-reverse;r
阅读全文 »