Skip to content

[css] 第101天 说说你对前端二倍图的理解?移动端使用二倍图比一倍图有什么好处? #985

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

第101天 说说你对前端二倍图的理解?移动端使用二倍图比一倍图有什么好处?

Activity

dondonZh

dondonZh commented on Jul 26, 2019

@dondonZh

你如果用一倍图 在分辨率高的手机上 是卡的

NicholasBaiYa

NicholasBaiYa commented on Jul 26, 2019

@NicholasBaiYa

二倍图一般应用于视网膜屏。移动端高分屏下一倍图会被拉伸。

EmiyaYang

EmiyaYang commented on Jul 26, 2019

@EmiyaYang

二倍图是指单位面积下设备像素与css像素个数之比为 4 的位图。

移动端使用二倍图可以在Retina屏幕下保真展示。

l8888888

l8888888 commented on Jul 26, 2019

@l8888888

一倍图:当这个比率为1:1时,使用1个设备像素显示1个CSS像素。
二倍图:当这个比率为2:1时,使用4个设备像素显示1个CSS像素,
三倍图:当这个比率为3:1时,使用9(3*3)个设备像素显示1个CSS像素。

不同倍图可以在不同机型视网膜屏幕下保真显示

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@EmiyaYang@dondonZh@NicholasBaiYa@l8888888

        Issue actions

          [css] 第101天 说说你对前端二倍图的理解?移动端使用二倍图比一倍图有什么好处? · Issue #985 · haizlin/fe-interview