css
5篇文章 · 0订阅
  • css-loader和style-loader关系原理及作用
    1. css-loader 用webpack打包就需要用到css-loader和style-loader，首先不提style-loader，只用css-loader看一下会是什么效果 webpack.
    前端 CSS
  • 前端认知：PPI、DPI、设备像素等概念
    关于PPI、DPI、DPR、物理像素、逻辑像素等这些名词概念大家有所耳闻，也应该翻找了许多资料，无奈各种资料描述不一，概念混乱，一笔带过，甚至以讹传讹。没有什么实感去好好理解这些概念。 于是我尽自己所能，尽量描述，让大家有个实质性地认识。 小时候学过数学我们都知道，点成线，线成…
    响应式设计
  • 移动端1px像素问题的根本原因 | 优质解决方案
    发现这个问题是因为验收过程中被设计小伙伴吐槽在不同手机设备下同样是1px宽度的border却显示不同宽度。 在和设计小伙伴一番沟（zheng）通（bian）之后，我陷入了沉思并且提出了以下问题。 要解答上述的问题，首先我们需要的就是先理清楚相关的概念。 px其实是pixels的…
    CSS
  • 作为前端，你应该了解的分辨率/逻辑像素/物理像素/retina屏知识🧐
    在前端开发之前，设计师都会为前端开发者提供视觉稿/设计稿。 一. 分辨率 ..... PPI: Pixels Per Inch(像素每英寸),该值越高，则屏幕越细腻。 PPI数值越高，代表显示屏能够以越高的密度显示图像，画面的细节就会越丰富。 DPI: Dots Per Inc…
    响应式设计
    作为前端，你应该了解的分辨率/逻辑像素/物理像素/retina屏知识🧐
  • px 与像素是如何换算的
    px 是所有开发者接触 css 时所了解的第一个单位，也是开发过程中最常见的单位。 简单来说，像素是一个「相对单位」，不同于厘米这种任意物品都通用的尺寸。像素根据展示媒介的不同而大小不同。 所以 css 里的 1px 就等于屏幕上的 1 像素点吧，太简单了。随便验证一下 下面的…
    前端