想用css能不能组合出一些好看的效果，比如空心的圆环，或者扇形之类的，于是乎就去网上搜教程，结果找遍了谷歌和百度都没能找到想要的结果，可能这个需求确实小，也可能是我搜索的姿势不对吧，找出来的都是用障眼

描述 在实际业务中，我们常用图表来做数据统计，数据展示，数据可视化等比较直观的方式来达到一目了然的数据查看，但在大屏开发过程中，常会因为适配不同屏幕而感到困扰，下面我们来解决一下这个不算难题的难题 效

transform: scale(x, y) 通过监测window 的resize 事件，在resize 事件中，实时的获取浏览器视口的宽和高，用视口的宽、高度与UI 设计稿的宽、高度进行比较，得出实

1、在主盒子里面引入动态样式，在data里面定义盒子比例值和style参数 （1）、动态引入样式 <div class="home_box" :style="style"> （2）、定义rate和st

1、先安装lib-flexible和postcss-pxtorem 可以直接按照以下命令安装即可（一定要严格控制版本号，以下版本可以完美解决依赖冲突问题） npm install lib-flexib

通常我们在pc上看到的页面都是比较大的，在pc上访问页面是正常显示的，默认是不会被缩放的，除非是手动进行了缩放，页面才会被放大比例或者是缩小比例显示。但是在移动端是不一样的，如果将一个pc端的页面放到手机端进行访问，那么可能出现页面挤到一起、布局错乱或者出现横向滚动条的情况，我…

主要思路 通过响应式设计稿尺寸不一的情况下，通过 resize事件 时判断窗口选用对应客户端的 设计稿宽度 运算，辅以 @media响应式 即可完美复现响应式的设计啦。 方案 将js代码放在 <hea

由于国内网络环境的原因，在执行npm i安装项目依赖过程中，肯定会遇上安装过慢或安装失败的情况。有经验的同学通常会在安装完Node时顺便把NPM镜像设置成国内的淘宝镜像。 这样就能爽歪歪应付大部分npm i的安装情况了。当然，这只是解决了大部分的安装过慢或安装失败的情况，随着项…

前段时间笔者收到可爱漂亮的小册姐姐的邀请，做了人生首次直播分享。分享主题是《玩转CSS的艺术之美》，跟笔者在9月底发布的掘金小册同名。 9月底发布的玩转CSS的艺术之美，首日预售就达到709本，预售仅三日就破1000本。这也让笔者感到惊讶，没想到CSS技术还是那么受倔友们的欢迎…