码迷,mamicode.com
首页 >  
搜索关键字:webkit    ( 4048个结果
网站变成黑白模式
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
H5页面设置文本超过两行时显示省略号失效
在下面的代码中加两行注释就可以了 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
HTML基础 pre 显示预排版的代码
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
js基础
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
解决H5边框1px问题
使用伪类 + transform方案: 原理是把原先元素的 border 去掉,然后利用 :before 或者 :after 重做 border ,并 transform 的 scale 缩小一半,原先的元素相对定位,新做的 border 绝对定位。 单 代码演示 : .box-1px{ posit ...
分类:其他好文   时间:2020-07-02 13:17:20    阅读次数:51
滑道可运行轨道 | ::-webkit-slider-runnable-track (Extensions) - CSS 中文开发手册 - Break易站
CSS 中文开发手册 滑道可运行轨道 | ::-webkit-slider-runnable-track (Extensions) - CSS 中文开发手册 非标准 这个功能是非标准的,不在标准轨道上。不要在面向 Web 的生产站点上使用它:它不适用于每个用户。实现之间也可能存在很大的不兼容性,并且... ...
分类:Web程序   时间:2020-07-01 23:48:43    阅读次数:88
select去除默认样式
select { /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/ border: solid 1px #ddd; /*将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:n ...
分类:其他好文   时间:2020-07-01 09:32:13    阅读次数:81
4048条   上一页 1 ... 6 7 8 9 10 ... 405 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!