随笔分类 - css
摘要：移动端页面适配———多方案解析 在移动互联网快速发展的今天，手机的种类和尺寸越来越多，作为前端的小伙伴们可能会越来越头疼，但又不得不去适配一款又一款的新机型。对于移动端适配，不同的公司、不同的团队有不同的解决方案。我在项目中也用了一部分解决方案，也看到了一些解决方案，对比下，总结一些自己的理解，希望
阅读全文
摘要：<style> #talkbubble { width: 120px; height: 80px; position: relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; bord
阅读全文
摘要：一、利用lib-flexible、postcss-plugin-px2rem插件 进行移动端rem适配。 1、第一 引入lib-flexible . 安装lib-flexible： npm i lib-flexible --save-dev 在项目的入口main.js文件中引入lib-flexibl
阅读全文
摘要：css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距，所以掌握它的用法对于前端的同学来说，那是必须的。本文非常基础，老鸟可以略过。 负边距在普通文档流中的作用和效果 那些没有脱离文档流的元素（指不是浮动
阅读全文
摘要：nth-child和nth-of-type都是CSS3中新增的伪类选择器,平心而论，平时使用nth-child比较多，有时碰到些出乎意料的情况，也是改完就算了，并没有深入研究，以至于在今天之前，我还蠢蠢的以为nth-of-type比nth-child要严格，毕竟人家有个type。 大写的囧…. 好吧
阅读全文
摘要：移动web适配利器-rem 前言 提到rem，大家首先会想到的是em，px，pt这类的词语，大多数人眼中这些单位是用于设置字体的大小的，没错这的确是用来设置字体大小的，但是对于rem来说它可以用来做移动端的响应式适配哦。 兼容性 先看看兼容性，关于移动端 ios：6.1系统以上都支持 android
阅读全文
