css
6篇文章 · 0订阅
  • 🤡什么鬼？两行代码就能适应任何屏幕？
    你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨
    前端
    🤡什么鬼？两行代码就能适应任何屏幕？
  • 拿走吧，你！可视化大屏一次性解决！
    前言 授人以渔，不如授人以鱼。 我把最近开发大屏的项目，抽象为一个最简版的demo，放到 github 上。保证拿来即用，可以帮助大家省去一些调研的时间。 半成品demo的github地址如下：
    数据可视化
    拿走吧，你！可视化大屏一次性解决！
  • 数据大屏最简单自适应方案，无需适配rem单位
    是否还在为rem适配感到烦恼？和我一样，不想去考虑单位的大小?这是除rem单位以外的另一种数据大屏适配方案。用最少的工作量，最简单的方法解决问题。可作于学习，可用于工作。
    前端 JavaScript 设计
    数据大屏最简单自适应方案，无需适配rem单位
  • 有了这些前端css工具，我下班都更早了！
    你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！
    CSS
    有了这些前端css工具，我下班都更早了！
  • CSS3 transform 和 canvas 背后不为人知的秘密
    切图仔升级指南，transform: matrix() 是干啥的？如何完全自己实现平移、缩放、旋转等操作。
    前端 CSS
    CSS3 transform 和 canvas 背后不为人知的秘密
  • 前端面试之盒模型
    当你对一个文档进行布局(laying out)时候, 浏览器引擎会根据CSS-Box模型将所有元素描述为一个盒子, CSS会决定这些盒子的大小, 位置, 属性(颜色, 边框...)。 盒模型分为两类: IE盒模型和标准盒模型。 可见demo1与demo2的外边距为20px。而不…
    CSS