Whidy Writes

CSS【共5篇】

CSS样式博大精深，能玩出花来的前端还是好前端。

  • 响应式图片中srcset遇到的问题

    Whidy

    前不久更新的响应式图片功能，对于各终端进行了较好的支持，但是最近发现这个功能失效了，再次仔细阅读MDN的文章后，代码应该是没有问题的，这就纳闷了，难道Chrome坏了，难道我又遭遇灵异事件？咱们来看看到底咋回事！

  • Vite中ElementPlus和TailwindCSS最佳实践（二）

    Whidy

    前端项目中经常需要同时引用CSS库和UI库，比如 TailwindCSS 和 ElementPlus 一起搭配，设计稿也许完全按照ElementPlus的颜色设计，比如一些重要的或危险的文字色值采用 "#F56C6C" (Danger)，而TailwindCSS中的 text-red-500 虽然近似，但终究是无法统一的，接下来我将介绍下，如何将ElementPlus的Colors扩展到TailwindCSS中。

  • Vite中ElementPlus和TailwindCSS最佳实践（一）

    Whidy

    Vite项目中使用ElementPlus和TailwindCSS出现按钮组件样式问题，明明开发的时候是好好的，这下没测试，上线原地爆炸，我的蓝色按钮上线裸奔，老板提着刀正在赶往你的工位中。。。快来看看怎么回事！！！

  • ElementUI自定义主题报错“primordials is not defined”最佳解决方案

    Whidy

    一个 Vue.js 项目有独立的设计规范，于是需要对整个 ElementUI 主题进行配置，这里需要通过 CLI工具 重写，参考官方文章命令行主题工具，却发生了 ReferenceError: primordials is not defined 错误，接下来看看怎么处理吧。

  • VueCLI 4.x下正确使用TailwindCSS和PurgeCSS示范

    Whidy

    VueCLI 4.x 的项目集成 TailwindCSS 和 PurgeCSS 后，在开发C端Web应用中有非常好的效果，也可以满足响应式站点的需要，之前基于 VueCLI 3.x 搭建的脚手架无法运行了，这次更新了脚手架并重新总结了一下。