html{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTra ...
分类：
Web程序 时间：
2020-07-08 13:42:41
阅读次数：
71
在下面的代码中加两行注释就可以了 overflow:hidden; text-overflow:ellipsis; display:-webkit-box; /* autoprefixer: off */ -webkit-box-orient:vertical; /* autoprefixer: o ...
分类：
其他好文 时间：
2020-07-08 01:01:13
阅读次数：
48
再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
OS : Windows 10 browser : Chrome 83.0.4103.116 editor : Visual Studio Code 1.46.1 typesetting : Markdown html <!DOCTYPE html> <html lang="zh-CN"> <hea ...
分类：
Web程序 时间：
2020-07-06 01:13:20
阅读次数：
111
l浏览器执行js简介 浏览器分成两部分：渲染引擎和js引擎 渲染引擎：用来解析html和css，俗称内核，比如chrome浏览器的blink，老版本的webkit。 js引擎：也称为js解释器。用来读取网页中的js代码，对其处理后运行，比如 chrome浏览器的V8。 浏览器本身并不执行js代码，而 ...
分类：
Web程序 时间：
2020-07-05 10:30:44
阅读次数：
56
Trident 内核：IE，搜狗高速浏览器等 Gecko 内核：Mozilla Firefox（火狐浏览器），Netscape6及以上版本 Webkit 内核：Safari 、曾经的 Chrome Presto 内核：Opera 7到Opera12.17（欧朋浏览器）之间的版本采用的内核 Blink ...
分类：
其他好文 时间：
2020-07-04 23:02:23
阅读次数：
65
移动端浏览器主要针对webkit内核进行兼容 视口 viewport 浏览器显示页面内容的屏幕区域。可分为 布局视口、视觉视口、理想视口。 布局视口 layout viewport iOS、Android将这个布局视口分辨率一般设置为980px 视觉视口 visual viewport 用户正在看到 ...
分类：
移动开发 时间：
2020-07-03 19:52:41
阅读次数：
75
使用伪类 + transform方案： 原理是把原先元素的 border 去掉，然后利用 :before 或者 :after 重做 border ，并 transform 的 scale 缩小一半，原先的元素相对定位，新做的 border 绝对定位。 单 代码演示 : .box-1px{ posit ...
分类：
其他好文 时间：
2020-07-02 13:17:20
阅读次数：
51
CSS 中文开发手册 滑道可运行轨道 | ::-webkit-slider-runnable-track (Extensions) - CSS 中文开发手册 非标准 这个功能是非标准的，不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且... ...
分类：
Web程序 时间：
2020-07-01 23:48:43
阅读次数：
88
select { /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/ border: solid 1px #ddd; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:n ...
分类：
其他好文 时间：
2020-07-01 09:32:13
阅读次数：
81
