小程序物理像素和逻辑像素

news/2024/11/8 22:41:19/

屏幕尺寸

  • 屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米
  • 比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等
  • 如何计算手机尺寸?
  • 知道手机屏幕的长和宽,然后利用勾股定理,就可以算出斜边的长了。还有个更简单的方法,只要用尺子量一下它的对角线是多少厘米,然后再换算成英寸就搞定了。

屏幕尺寸

在这里插入图片描述
在这里插入图片描述
设备尺寸是指设备对角线的长度,单位为英寸(inch),简称“寸”。

物理像素–UI设计师像素

  • 物理像素/屏幕分辨率/物理分辨率:
  • 屏幕分辨率是屏幕像素的数量,一般用屏幕宽度的像素点乘以屏幕高度的像素点,指的是设备屏幕实际拥有的像素点。
  • 单位:px,即1px=1个像素点
  • 比如iPhone 6的屏幕在宽度方向有750个像素点,高度方向有1334个像素点,所以iPhone 6总共有750px*1334px个

http://www.ppmy.cn/news/833536.html

相关文章

自适应设计涉及的知识点(CSS像素、物理像素、逻辑像素、设备像素比、PPI、Viewport)

1、PX(CSS pixels) 1.1 定义 虚拟像素,可以理解为“直觉”像素,CSS和JS使用的抽象单位,浏览器内的一切长度都是以CSS像素为单位的,CSS像素的单位是px。 1.2 注意 在CSS规范中,长度单位可以分为两类,绝对(…

图像处理学习--前篇--像素相关

部分内容转自:作者:jasonhehee 链接:https://www.jianshu.com/p/b2d92032a9c3 PPI (Pixels per inch) 每英寸像素数量,是像素密度的测量值 image.png 2016年6月8日凌晨1点,乔帮主发布了划时代手机iPhone4&#xff…

此像素非彼像素

首先我要申明一点,对于web开发者来说“标准尺寸”是没啥用处的,所以我忽略了这个,而且我也不会讨论显示的细节以及其他一些复杂问题,因此我对其中的一些概念描述的可能不是很专业,在此表示抱歉。 Web开发者到底需要啥 …

html移动端物理像素,移动端开发-设备像素比devicePixelRatio简单介绍

本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台。 本文内容大部分属于翻译性质内容,因此,会不那么通俗易懂。不过&#x…

iOS绘制1像素的线

有时候页面上需要绘制1像素的分隔线,可以通过添加 view 的方式,也可以通过 UIGraphicsGetCurrentContext 的方式实现。但是通过UIGraphicsGetCurrentContext实现的时候需要注意像素的问题。 在绘制1像素线之前,我们先来看一下绘制高度为50的…

关于前端开发像素的一些记录

像素 屏幕就是由一个一个发光的小点构成的,这一个个的小点就是像素,在前端开发中,像素主要分成两种情况,CSS像素和物理像素 物理像素:上述说的小点点就是物理像素CSS像素:前端开发中,使用的都…

苹果页面设计规范吐血整理

苹果567(775乘1334px) 主流设计尺寸 一般设计以这个为标准 如果要转为三倍图 乘以1.5等比例缩放形成自适应 1.界面设计包括布局层,图文排版层,图标层。 2. iPhone界面布局讲究8px原则。所有间距和标准尺寸都是应该是8px的倍数。如iPhone678的状态栏40px,导航栏88px,标签栏…

leetcode每日一题——238.除自身以外数组的乘积(面试经典150题)

一、题目描述与要求 238. 除自身以外数组的乘积 - 力扣(LeetCode) 题目描述 给你一个整数数组 nums,返回 数组 answer ,其中 answer[i] 等于 nums 中除 nums[i] 之外其余各元素的乘积 。 题目数据 保证 数组 nums之中任意元素…