再f11全屏时，会出现页面抖动得问题，是由于css盒子高度问题引起的，解决方法如下： html { overflow-x: hidden; overflow-y: auto;}body { width: 100vw; overflow: hidden; padding-right: calc(100 ...
分类：
其他好文 时间：
2020-07-07 09:56:59
阅读次数：
94
按照normalize.css的初始化模板，对其注释进行翻译，方便查看。 初始化的目的：保护有用的浏览器样式、一般化的样式、修复浏览器自身的bug、优化css的可用性、解释代码 1 /* 2 *在所有浏览器中更正行高。 3 *防止在更改方向后调整字体大小 4 *Windows Phone和iOS上的 ...
分类：
Web程序 时间：
2020-07-07 09:42:16
阅读次数：
163
Jquery入门 支持链式操作 $('.c1').addClass('c2').text('xxx').addClass('xxx').css({'color':'white'}); jquery引入方式 外部网址引入 <!--<script src="https://cdn.bootcss.com ...
分类：
Web程序 时间：
2020-07-07 09:38:08
阅读次数：
106
这两天在配置webpack4.0的时候，出现了下面的问题 module: { rules: [{ test: /\.css$/, use: [{ loader: 'style-loader', options: { insertAt: "top" }, }, 'css-loader'] }, { t ...
分类：
Web程序 时间：
2020-07-07 09:24:32
阅读次数：
131
0.引言 在我们编写css的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的css代码加以实现（absolute+transform思路）： .wrap { ...
分类：
Web程序 时间：
2020-07-07 00:40:28
阅读次数：
200
需求如下： 前端需要显示矩形的缩略图，接口返回的图片尺寸大小不一，宽高不相等，需要前端来处理并显示成正方形，类似微信朋友圈图片的效果，等比例正方形显示在列表中，让图片根据宽高来自适应显示在页面上。那么使用纯css该如何实现不定宽高的图片居中裁剪呢？ mate标签： <meta name="viewp ...
分类：
微信 时间：
2020-07-07 00:30:55
阅读次数：
92
今天随便写了一个html文件，然后用css引用起来，如图： （这是一张图片） 上面是一张写了背景图片的文件，可是打开却是一片空白，我想了好久都没想到原因 路径也是对的呀，实在找不到出错的原因 半个小时过去了。。 仔细一看终于想起来了，原来是css必须和图片是同级的，如图： 终于解决一个很傻的问题，我 ...
分类：
Web程序 时间：
2020-07-06 23:59:04
阅读次数：
126
1、vertical-align属性 （1）使用场景 经常用于设置图片或者表单和文字的垂直对齐，用于设置一个元素的垂直对齐方式，但是他只针对于行内元素或行内块元素 （2）属性值 baseline：默认值，元素放置在父元素的基线上 top：把元素的顶端与行中最高元素的顶端对齐 middle：把此元素放 ...
分类：
Web程序 时间：
2020-07-06 21:33:53
阅读次数：
98
[CSS 中文开发手册:empty (Selectors) - CSS 中文开发手册该:empty伪类代表没有子节点的所有元素。这里只考虑元素节点和文本（包括空格）。注释或处理指令不影响元素是否被认为是空的。/* Selects any that contains no content */div:... ...
分类：
Web程序 时间：
2020-07-06 21:32:19
阅读次数：
103
1、三角形的实现原理 （1）在定义一个块级元素div的时候，不给它定义宽和高： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> .box{ width: 0; height: 0; bord ...
分类：
Web程序 时间：
2020-07-06 20:22:29
阅读次数：
66
