Skip to content

[css] 第99天 你对视网膜(Retina)分辨率有了解吗?有没有在实际中使用过? #976

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第99天 你对视网膜(Retina)分辨率有了解吗?有没有在实际中使用过?

Activity

nowherebutup

nowherebutup commented on Jul 24, 2019

@nowherebutup

图片显示模糊可以使用二倍图的方法解决

xxf1996

xxf1996 commented on Jul 24, 2019

@xxf1996
  • Retina分辨率指的是屏幕的物理分辨率达到了使得人眼难以看到单个物理像素;
  • 具体应用应该就是dpr > 1的屏幕适配,需要根据不同dpr给出合适尺寸的图片;
HCLQ

HCLQ commented on Jul 25, 2019

@HCLQ

实际前端用的最多的还是在手机上展示1px线的问题吧,
retina屏都是像素密度(PPI)高,用多个物理像素去渲染一个逻辑像素
那么1px在手机上实际不是一个物理像素,根据不同像素比 可能是用2或3个像素去绘制的
那么要实际实现1像素的细线,我常用处理就是伪类边框1px,宽高为依附元素的2倍,然后transform:scale(0.5)去实现细线

seho-dev

seho-dev commented on Nov 29, 2019

@seho-dev

我不太清楚这个,但是曾经您说这个,我想到了一个:border.css这个库好像是解决您说的这个问题,是吗,我想求证一下

实际前端用的最多的还是在手机上展示1px线的问题吧,
retina屏都是像素密度(PPI)高,用多个物理像素去渲染一个逻辑像素
那么1px在手机上实际不是一个物理像素,根据不同像素比 可能是用2或3个像素去绘制的
那么要实际实现1像素的细线,我常用处理就是伪类边框1px,宽高为依附元素的2倍,然后transform:scale(0.5)去实现细线

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@HCLQ@xxf1996@nowherebutup@seho-dev

        Issue actions

          [css] 第99天 你对视网膜(Retina)分辨率有了解吗?有没有在实际中使用过? · Issue #976 · haizlin/fe-interview