51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#webkit
用-webkit-box-reflect制作倒影
1.只在webkit内核的浏览器上有效果2.语法: -webkit-box-reflect:<direction><offset><mask-box-image> direction:倒影偏移...
代码星球
·
2020-05-23
-webkit-box-reflect
制作
倒影
webkit webApp 开发技术要点总结【转】
如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触webkitwebApp的开发已经有一段时间了,现把一些技巧分享给大家:1.viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚...
代码星球
·
2020-04-18
webkit
webApp
开发技术
要点
总结
用node-webkit把web应用打包成桌面应用
node-webkit是一个Chromium和node.js上的结合体,通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用,而且还可以跨平台的哦。很显然比起传统的桌面应用,在某些特定领域用html5+css3+js开发的web应用更加简单和高效,而且还可以使用node.js的功能,所以...
代码星球
·
2020-04-10
应用
node-webkit
web
包成
桌面
CSS3 鲜为人知的属性-webkit-tap-highlight-color的理解
https://www.cnblogs.com/libin-1/p/5903350.html...
代码星球
·
2020-04-08
CSS3
鲜为人知
属性
-webkit-tap-highlight-color
理解
用meta name="renderer" content="webkit|ie-comp|ie-stand"来切换360双核安全浏览器的极速模式和兼容模式
以下信息摘自360官方网站: 浏览模式:极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式:极速模式表示极速模式兼容模式表示兼容模式IE9IE10模式表示IE9/IE10模式(仅在安装了IE9或IE10后可用)360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以,通常您不用了解...
代码星球
·
2020-04-08
quot
模式
meta
name
quotrenderer
webkit vs v8
我们知道不同浏览器用的不同的渲染引擎:Tridend(IE)、Gecko(FF)、WebKit(Safari,Chrome,Andriod浏览器)当然Chrome重构了一下WebKit然后管它叫Blink。但是大体架构还是和WebKit一致的。 我们看看我们常说的V8和WebKit有什么关系吧。下面是WebK...
代码星球
·
2020-04-06
webkit
vs
v8
body中设置-webkit-scrollbar竖向滚动条,在手机浏览器上无效
暂时无解,如果是chrome的PC模式,滚动条是没有的,但如果是手机模式,滚动条会出现,且无法设置其样式,滚完后会自动消失。如果设置div这些块元素,完全没问题。...
代码星球
·
2020-04-04
body
设置
-webkit-scrollbar
竖向
滚动
DIV横排/竖排滚动(white-space/::-webkit-scrollbar的使用技巧以及display: inline-block的选择)支持手势
参考微信的京东客户端http://wqs.jd.com/,实现DIV的横排滚动,且支持手势,并且不会出现滚动跳,效果如下:但是观察其div结构是没有使用任何JS去实现。一、实现上DIV的横排观察其结构发现,使用了white-space: nowrap;这个属性,叫做文本排列方向,参考:http://www.w...
代码星球
·
2020-04-04
DIV
横排
竖排
滚动
white-space
HTML/HTML5/CSS/CSS3教程速查手册地址以及如何快速直到webkit的用法
http://www.w3school.com.cn/http://www.runoob.com/不过上面这两个都是标准的CSS和CSS3教程,针对一些类似-webkit-内核的样式没有公布。下面我来提供一个火狐的官方地址,也有少量的webkit的用法:https://developer.mozilla.org还有一种...
代码星球
·
2020-04-04
HTML
HTML5
CSS
CSS3
教程
webkit内核的浏览器
webkit内核的浏览器2008年9月2日,谷歌公司发布的第一个版本GoogleChrome(中文名为谷歌浏览器)就采用了Webkit引擎。2009年,广受关注的Android的自带的浏览器也是Webkit内核,加载网页速度比IE手机浏览器快了近一倍。2010年1月24日,搜狗公司发布搜狗浏览器V2.0Beta,采用C...
代码星球
·
2020-04-03
webkit
内核
浏览器
css3中-moz、-ms、-webkit、-o
-moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性-o代表opera私有属性...
IT猿
·
2020-03-28
css3
-moz
-ms
-webkit
-webkit-text-size-adjust 处理设置字体<12px
-webkit-text-size-adjust1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;}2、-webkit-text-size-adjust放在body上...
IT猿
·
2020-03-27
-webkit-text-size-adjust
处理
设置
字体
当你触摸并按住触摸目标时候,禁止系统默认菜单-webkit-touch-call
当你触摸并按住触摸目标时候,禁止或显示系统默认菜单。-webkit-touch-callout是一个不规范的属性(unsupportedWebKitproperty),它没有出现在CSS规范草案中。在iOS上,当你触摸并按住触摸的目标,比如一个链接,Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系...
IT猿
·
2020-03-27
触摸
当你
按住
目标
时候
display : -webkit-box-inline 的理解
发现:最近在做移动端的东西,说起移动端弹性盒子布局真是无往不利,用起来特别爽,我也是偶尔间发现的这个属性并且它的用法,在网上基本查不到这个属性的资料(个人看法)。如果没有听说过(display:box)的朋友建议去别人家的博客看看CSS3就可以直接command+w了,由字看意,是不是能联想到 display...
IT猿
·
2020-03-26
display
-webkit-box-inline
理解
首页
上一页
1
2
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他