#webkit

用-webkit-box-reflect制作倒影

1.只在webkit内核的浏览器上有效果2.语法:    -webkit-box-reflect:<direction><offset><mask-box-image>    direction:倒影偏移...

webkit webApp 开发技术要点总结【转】

如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触webkitwebApp的开发已经有一段时间了,现把一些技巧分享给大家:1.viewport:也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚...

用node-webkit把web应用打包成桌面应用

node-webkit是一个Chromium和node.js上的结合体,通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用,而且还可以跨平台的哦。很显然比起传统的桌面应用,在某些特定领域用html5+css3+js开发的web应用更加简单和高效,而且还可以使用node.js的功能,所以...

用meta name="renderer" content="webkit|ie-comp|ie-stand"来切换360双核安全浏览器的极速模式和兼容模式

以下信息摘自360官方网站: 浏览模式:极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式:极速模式表示极速模式兼容模式表示兼容模式IE9IE10模式表示IE9/IE10模式(仅在安装了IE9或IE10后可用)360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以,通常您不用了解...

webkit vs v8

我们知道不同浏览器用的不同的渲染引擎:Tridend(IE)、Gecko(FF)、WebKit(Safari,Chrome,Andriod浏览器)当然Chrome重构了一下WebKit然后管它叫Blink。但是大体架构还是和WebKit一致的。 我们看看我们常说的V8和WebKit有什么关系吧。下面是WebK...
代码星球 ·2020-04-06

body中设置-webkit-scrollbar竖向滚动条,在手机浏览器上无效

暂时无解,如果是chrome的PC模式,滚动条是没有的,但如果是手机模式,滚动条会出现,且无法设置其样式,滚完后会自动消失。如果设置div这些块元素,完全没问题。...

DIV横排/竖排滚动(white-space/::-webkit-scrollbar的使用技巧以及display: inline-block的选择)支持手势

参考微信的京东客户端http://wqs.jd.com/,实现DIV的横排滚动,且支持手势,并且不会出现滚动跳,效果如下:但是观察其div结构是没有使用任何JS去实现。一、实现上DIV的横排观察其结构发现,使用了white-space: nowrap;这个属性,叫做文本排列方向,参考:http://www.w...

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

webkit内核的浏览器

webkit内核的浏览器2008年9月2日,谷歌公司发布的第一个版本GoogleChrome(中文名为谷歌浏览器)就采用了Webkit引擎。2009年,广受关注的Android的自带的浏览器也是Webkit内核,加载网页速度比IE手机浏览器快了近一倍。2010年1月24日,搜狗公司发布搜狗浏览器V2.0Beta,采用C...
代码星球 ·2020-04-03

css3中-moz、-ms、-webkit、-o

-moz代表firefox浏览器私有属性-ms代表IE浏览器私有属性-webkit代表chrome、safari私有属性-o代表opera私有属性...

-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上...

当你触摸并按住触摸目标时候,禁止系统默认菜单-webkit-touch-call

当你触摸并按住触摸目标时候,禁止或显示系统默认菜单。-webkit-touch-callout是一个不规范的属性(unsupportedWebKitproperty),它没有出现在CSS规范草案中。在iOS上,当你触摸并按住触摸的目标,比如一个链接,Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系...

display : -webkit-box-inline 的理解

发现:最近在做移动端的东西,说起移动端弹性盒子布局真是无往不利,用起来特别爽,我也是偶尔间发现的这个属性并且它的用法,在网上基本查不到这个属性的资料(个人看法)。如果没有听说过(display:box)的朋友建议去别人家的博客看看CSS3就可以直接command+w了,由字看意,是不是能联想到 display...
首页上一页12下一页尾页