随笔分类 -  css

摘要：汇总 02 移动端适配 各机型字体基准值 media query 机型 改变基准值 js 改变基准值 rem 移动端实现真正的1px 等宽三列 移动端懒加载组件设计 移动端实现 dialog 垂直居中 webpack常用插件 有没有开发过 gulp/grunt的插件 跨域解决 react 生命周期 阅读全文

摘要：去年的九月份做第一版文档站时， 就开始尝试使用bootstrap ，由于当时对node 还一知半解，大部分精力放在nodejs上，bootstrap只是拿来就用，起步文档都没看； 当别人提到 Normalize.css 时，我是不知所云的~ 对于用过做过的东西，我竟不了解，惭愧~ 时隔一年，重构文档 阅读全文

摘要：svg css gif http://loading.io/ 阅读全文

摘要：昨天晚上 又被问及职业发展方向，提及我的老本行css，切了几年的页面，近两年投入进css的时间屈指可数，被问及之前公司用的yo框架 对比业界内其他css 框架的优势。 1. yo模块化，碎片化 可自由组合 2. bootstrap库文件较大，限于组件定制 3. yo scss语法，gulp 编译 c 阅读全文

摘要：1 .name{ 2 display: inline-block; 3 @include flex(1); 4 display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ 5 display: -moz-box; /* Fir 阅读全文

摘要：音乐播放 ios下关闭不流畅; （ios下需重新image 模拟）音乐设置自动播放属性后 部分机型下不能自动播放。目前解决方案： touchstart时触发播放微信“分享给朋友”点击发送后，页面卡，再次“点击发送给朋友” 按钮，页面正常目前发现机型 魅族mx4 pro，小米3translate sc 阅读全文

摘要：1.移动端字号规范2. 百度字号调研3. 绕过12px 限制4. 缩放5. chrome 字号 阅读全文

摘要：外卖项目 waimai.qunar.com text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; 阅读全文

摘要：周知：OPPO R819T Android 4.2.1和红米某些机型上，webview中，如果一个元素定义了 border + border-radius，这时如果该元素有背景，那么背景将会溢出圆角之外，Yo新增了一个方法来fix这个问题，大家之后定义圆角直接 @include border... 阅读全文

摘要：避免通用规则请确保规则不以通用类型作为结束！不要用标签名或 classes 来限制 ID 规则如果规则的关键选择器为 ID 选择器，则没有必要为规则增加标签名。因为 ID 是唯一的，增加标签只会拖慢匹配过程。差button#backButton {…}差.menu-left#newMenuIcon ... 阅读全文

摘要：css选择器优化 阅读全文

摘要：Firefox/Opera不支持onselectstart事件Text Text当用鼠标去选定div内的文本时，IE/Safari/Chrome 的控制台输出了3，Firefox/Opera则没有输出。1 IE可以使用onselectstart事件来阻止用户选定元素内文本，如下accc2 Firef... 阅读全文

摘要： 阅读全文

摘要：元素所属类别Metadata content(元数据元素)(8)base，link，meta，noscript，script，style，template, titleFlow content(流式元素)(约80)a，abbr，address，area（如果它是map元素的后裔），article，a... 阅读全文

摘要：jpg/png/gif等图片类型区别 阅读全文

摘要：能描述下你在项目中都用到了哪些符合逐渐增强和优雅降级的理念的技巧吗 阅读全文

摘要：响应式开发经验，响应式页面的三种核心技术是什么 阅读全文

摘要：响应式开发经验，响应式页面的三种核心技术是什么 阅读全文

摘要：有几种文字替换方式，之间的优缺点 阅读全文

摘要：在什么情况下通过img引入图片，什么情况用背景图引入？背景属性有哪些 阅读全文