轻度喵症

分类

ES6(7) js(4) JS面试题(6) Mysql(1) node.js(9) React(5) Vue(15) 微信小程序(3) 数据可视化(2) 未归档(1) 细节(1) 详解(15) 问题(13) 面试题(9)

/ 注册

全部文章（共91篇）

关于阿里矢量图标

字体图标 1.阿里矢量图标库加入购物车 —> 下载代码—> 登录–>下载 2:解压放入项目目录下静态资源文件夹下 assets 3; 在头部通过link标签引入阿里的图标样式文件 iconfont.css unicode 引入写到公共样式里就行 @fon...

2021-06-01

0 523

关于语义化

H5+CSS3部分 H5新增语义化标签以及属性结构标签（1）<section></section> 独立内容模块，可以h1-h6组成大纲，表示文档结构，有章节、页眉、页脚或其他部分。（2）article （文章）文章核心部分（3）aside 标签内容...

2021-06-01

0 426

关于弹性盒子

仿做了一个手机端携程网站的模块布局出现了一下问题： 1.宽度设置问题:一开始我用写PC端的方法，固定了盒子的宽度，导致完成后，盒子无法根据不同分辨率弹性伸缩。解决方法: 弹性盒子布局，宽度不要设置px，宽度由%来写，比如这里设置左边盒子 flex:31% 中间盒子：23% 右边 46% 在...

2021-06-01

0 398

关于在less中引入背景图片问题

问题：在Less中引入的背景图片路径（相对路径）是从该Less文件出发，导致引入的图片在网页中会找不到路径 <mark>解答：引入的路径应该是从Less生成的Css文件目录出发</mark>

2021-06-01

1 777

关于流式布局中轮播图问题

问题：用ul套8个li中8张图片，li 设置左浮动。ul设置宽度为800%，因为是流式布局，宽度设置不能为像素px，此时的li应该设置为12.5%（100%/8=12.5%）,此时的100%是相对父标签，所以每个子标签为1/8，然后就在该模块父盒子设置maxwidth=xx px； overfl...

2021-06-01

0 365

弹性布局以及流式布局详解

首先是弹性布局<mark>宽度以及高度不能用px设置</mark>，用rem来设置，盒子的边距位置用px 来设置。流式布局的宽度要求设置maxwidth以及minwidth，盒子的宽度用百分比来设置，高度可以用px

2021-06-01

0 546

关于line-height

line-height 为可继承属性，当父盒子设置了高度，行高相同，子标签若为块级元素，默认高度为父盒子 line-height高度，子标签撑开的高度也为继承的行高

2021-06-01

0 339

关于浮动元素居中

可以使用ul 套 li ul使用弹性布局设置 display:flex; li设置 flex:1; text-align：center；由于5张图片为行内标签属性所以会在li中居中显示。做到缩放或者放大浮动元素都不会换行。(图片用rem设置宽高) PS. text-align:cente...

2021-06-01

0 254

关于margin:0 auto

盒子使用 margin:0 auto 做到水平居中，盒子本身需要设置宽度父盒子若未设置宽度，而是由子盒子的宽度撑开，则margin:0 auto 不起作用

2021-06-01

0 268

关于定位子元素是否能撑开父盒子高度

子元素未定时，父盒子宽高为0，其宽高能由子盒子撑开。定位时，父盒子高度无法被撑开。定位子元素与浮动一样，脱离文档流，无法撑开父盒子的高度

2021-06-01

0 478