摘要:
看到这个题目你可能不信,引出这个问题的缘由是几次项目中Chrome模拟器和iPhone6真机预览效果不一致。 为什么在Chrome Emulation模拟手机页面和真机预览效果不一致? 以前觉得不外乎两个原因: 1.某些机型或浏览器对一些CSS属性不支持。 2.某些设备不支持12px以下字体。 今天 阅读全文
摘要:
JQ里面有mouseover和mouseenter 2个事件类型干着差不多的活,用不好经常出现些小问题。 今天我解释一下原理: 事件类型翻译: mouseover 鼠标移上 mouseenter 鼠标移进 jQuery的 mouseover 绝对等于原生js的 onmouseover,但使用起来是往 阅读全文
摘要:
inherit 特定值 CSS中的每个属性都有一个特定值"inherit",其含义是指定继承父元素的相应属性 使用inherit一方面在代码上能地表明要继承于父元素的样式属性,另一方面也使子元素继承了那些不会被自动继承的属性. inherit 和 auto 区别 inherit是继承父类的属性,一般 阅读全文
摘要:
mobile = /ipad|iphone|ipod|android|blackberry|windows phone|opera mini|silk/i.test(navigator.userAgent); // 第一部分:一个正则表达式,移动端包含的userAgent /ipad|iphone| 阅读全文
摘要:
BootstrapBootstrap 能很快速搭建一整套页面。是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。所有设备都可以适配、所有项目都适用。10分钟上手。最新版Bootstraphttp://v3.bootcss.com/甚至有不用写代码的可视... 阅读全文
摘要:
Js中的函数声明是指下面的形式:function functionName(){ } 这样的方式来声明一个函数,而函数表达式则是类似表达式那样来声明一个函数,如:var functionName = function(){ } 可能很多朋友在看到这两一种写法时会产生疑惑,这两种写法差... 阅读全文
摘要:
本文由大漠根据Chris Coyier的《“Old” Flexbox and “New” Flexbox》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://css-tricks.com/old-flexbox-and-new... 阅读全文
摘要:
本文由大漠根据Chris Coyier的《Using Flexbox: Mixing Old and New for the Best Browser Support》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://css... 阅读全文
摘要:
相信不少人做移动端项目的时候都会遇到position:fixed 的坑。下面提供一个解决方法,不用引入任何其他的js库,纯css解决。解决问题的关键就是:fixed元素内部必须嵌套一个position:absolute元素,用来装载内容,目的就是为了让内容脱离fixed文档流,屏蔽一些fixed的坑... 阅读全文
摘要:
用16进制编码的字体图标在部分小米机型显示不正常。 测试机型:小米1,小米1s,小米2浏览器:微信6.1内置浏览器,QQ浏览器 5.7 X5内核字体图标:不显示svg图标:显示正常 以下来自额微信内置浏览器的截图,字体图标不显示。 内置浏览器,uc浏览器,正常显示,以下为内置浏览器截图。 如 Gly 阅读全文