随着iphone12系列发布，不知道不觉间从2007年起初代iphone发布至今已经过了14年了，不知道现在大家还是否记得记得第一代产品的情况呢？以及后续每一代产品发布时候，或震惊，或欣喜，也可能有不少的失望，现在我们大家一起来回顾一下这些年发布的iphone及相关信息。 iPhone 2G发布时间：2007年1月屏幕尺寸：3.5英寸屏幕分辨率：320×480处理器：ARM11后摄像头
转载
2023-09-13 16:19:29
331阅读
设备像素和 CSS 像素 设备像素又称为 物理像素, 是 "物理屏幕" 上真实存在的发光点，只有屏幕一经出厂就固定不会改变。 CSS 像素又称为 逻辑像素，是编程世界中虚拟的东西, 我们通过代码设置的像素都是逻辑像素。 例如: iPhone3G / iPhone3GS 3.5英寸 / 逻辑像素 32
原创
2022-02-14 21:32:00
527阅读
在生活中，不经意间遇见了有趣、感人、独特的事物时想要记录下来，或许会因为太过于仓促拍摄的不太清晰；也有可能是手机或相机拍摄的低分辨率、模糊、像素化等清晰度低的照⽚。其实这些我们后期也是可以进行修复的。牛学长有着基于领先的AI智能照片修复技术，将照片细节进行高清修复，还原照片高清度。如今的摄影是再平民化不过的了，手机也能拍出美观的照片，相机也走入每个平常的家庭，闲暇无事之余，携家带口或呼朋唤友一起玩
转载
2023-09-10 18:45:17
286阅读
iPhone 6, 6 Plus一出，给iOS开发者带来了更加头痛的屏幕适配问题。以前的iPhone 5相对于iPhone4仅仅是屏幕增高一些，现在宽高都变了。首先我们先了解一下屏幕物理分辨率（暂且这么称呼）与显示分辨率的区别。物理分辨率就是屏幕的宽高像素数。和屏幕大小是完全成正比的。iPhone大小有3.5寸，4.0寸，4.7寸，5.5寸，物理分辨率的宽度分别是320，320，375，414，也
转载
2023-10-02 10:48:11
112阅读
视口布局视口：页面显示不全，但字大视觉视口：页面显示全，但是字小理想视口：页面显示全，字也大物理像素（在真实大小里面可以放更多的像素点）和真实像素（手机真实的大小）优势：在一定的屏幕下，显示更多的像素，让屏幕效果更加清晰 细腻pc端物理像素===真实像素设备宽度并没有太大的变大，随着科技的变化，能够让移动端显示的效果更加丰富，一个像素点，里面放的物理像素越来越多iphone3G 1：1
iph
全新的iPhone 12系列的最大变化是中框一改圆润造型，采用类似iPad Pro的直角设计，并且首次引入了iPhone 12 mini的新机型，小巧的机型尺寸配合5.4英寸的OLED全面屏，被苹果称为全世界最轻、最小、最薄的5G手机。
iPhone 12 Pro的相机有相当大的升级，尤其是在iPhone 12 Pro Max之上。其三镜头组合
转载
2023-10-06 15:41:57
152阅读
为什么设计师给的设计图到前端开发师手里要除以二？A:像素分为物理像素和逻辑像素，设计师提供的是物理像素，而我们使用的是逻辑像素。 物理像素并不代表css中使用的像素。 如iphone5s的逻辑分辨率是320×568，而物理分辨率是640×1136，像素倍率是2倍。 1.实际像素：在数码产品上图像时由点构成的，也就是说同一块大的尺寸，上面的点越多，他的实际像素就越大。比如一张屏幕分辨率为1
转载
2023-12-16 18:41:46
54阅读
iOS开发字体大小规范 先看市面上iPhone4、5、6、6 Plus的分辨率分辨率与像素（分辨率单位是程序所说的单位——点即pt，像素为真实Pixel）
1.iphone4分辨率320*480pt，像素640*960px
2.iphone5分辨率320*568pt，像素640*1136px
3.iphone6分辨率375*667pt，像素750*1334px
转载
2024-01-14 14:11:33
80阅读
iPhone屏幕尺寸和分辨率方面的一些小姿势 20160303iPhone设备现在有多种分辨率，如下表所列，设备屏幕尺寸分辨率（pt）Reader分辨率（px）渲染后PPI（DPI）iPhone 3GS3.5寸320 x 480@1x320 x 480空163iPhone 4/4S3.5寸320 x 480@2x640 x 960空326iPhone 5/5S/5C4.0寸320 x 568@2x
转载
2023-07-15 00:32:24
162阅读
1.设备像素(device pixel): 设备像素是物理概念，指的是设备中使用的物理像素。CSS像素(css pixel): CSS像素是Web编程的概念，指的是CSS样式代码中使用的逻辑像素。通过设备像素比，便可得知设备像素与CSS像素之间的比例。当这个比率为1:1时，使用1个设备像素显示1个CSS像素。当这个比率为2:1时，使用4个设备像素显示1个CSS像素，当这个比率为3:1时，使用9（3
一 物理像素(physical pixel)： 物理像素又被称为设备像素（dp），他是显示设备中一个最微小的物理部件。一个设备的物理像素是固定不变的。每个像素可以根据操作系统设置自己的颜色和亮度。所谓的一倍屏、二倍屏(Retina)、三倍屏，指的是设备以多少物理像素来显示一个CSS像素，也就是说，多 ...
转载
2021-09-21 09:45:00
1140阅读
2评论
1.字体大小(font-size)font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。具体如下：1em 等于当前的字体尺寸。如果一个元素的 font-size 为 16 像素，那么对于该元素，1em 就等于 16 像素。在设置字体大小时，em 的值会相对于父元素的字体大小改变。浏览器中默
转载
2024-03-19 15:40:11
76阅读
随着现在智能手机的进步，手机拍照的好坏也成为了很多朋友的购机标准。苹果手机虽然一直都1200W像素，但成像效果是不输于很多安卓旗舰机的。如果你喜欢用苹果手机拍照，不开启这3个功能，难怪你拍的照片不好看！一、网格线很多小伙伴拍照不好看是因为不会构图，每次拍出来的内容都杂乱无章，其实可以在【设置】→【相机】→开启【网格】功能，然后就会出现九宫格的辅助线条，这样就可以帮助我们很好的构图了。常用的构图技巧
转载
2023-07-26 17:04:27
171阅读
关于手机屏幕普通显示屏：旧手机，iPhone3，在屏幕上能看到物理像素点高清显示屏（视网膜屏、retina屏幕）：可以把更多的像素点压缩到一块屏幕内，基本看不到物理像素点了，如iPhone4， iPhone3和iPhone4的屏幕宽度都是320px。对于物理像素，前者320*280，而后者640*960。后者的像素密度更大，以至于肉眼基本看不到像素点了。 对于普通显示屏，1px对应
转载
2024-01-12 05:53:03
269阅读
设备像素指的是物理像素，一般手机的分辨率指的就是设备像素，一个设备的设备像素是不可变的。css像素和设备独立像素是等价的，不管在何种分辨率的设备上，css像素的大小应该是一致的，css像素是一个相对单位，它是相 对于设备像素的，一个css像素的大小取决于页面缩放程度和dpr的大小。dpr指的是设备像素和设备独立像素的比值，一般的pc屏幕，dpr=1。在iphone4时，苹果推出了retina屏幕，
原创
2022-03-25 10:37:41
3931阅读
1.CSS像素（px）和物理像素（pt）CSS 像素（CSS Pixel）:又称为虚拟像素、设备独立像素或逻辑像素，也可以理解为直觉像素。CSS 像素是 Web 编程的概念，指的是 CSS 样式代码中使用的逻辑像素。比如 iPhone 6 的 CSS 像素数为 375 x 667px。设备像素（Device Pixels）:又称为物理像素。指设备能控制显示的最小物理单位，意指显示器上一个个的点。从
转载
2024-04-11 07:09:21
101阅读
iPhone （按钮，文本框）默认样式去除input[type=“button”], input[type=“submit”], input[type=“reset”] {-webkit-appearance: none;}textarea { -webkit-appearance: none;}iPhone 滑动生硬卡顿-webkit-overflow-scrolling : t...
原创
2021-09-14 14:20:59
764阅读
首先需要理解的是几个概念1、分辨率、屏幕尺寸、像素密度（ppi）。2、逻辑像素和物理像素。3、ppi、pt、dpi、dp、sp它们与px之间的关系。分辨率、屏幕尺寸、像素密度（ppi）以上是iphone6的尺寸图，它的分辨率是750*1334，大小是4.7英寸。分辨率又称显示分辨率或屏幕分辨率，它是指水平方向或垂直方向像素的数量。而通常我们所说多少寸这种屏幕大小的计量单位，则是指屏幕对角线的长度，
转载
2024-01-10 15:45:32
81阅读
从2.1版本开始，我们可以启用JIT并使用如下所示的任意样式:mb-[278px]
原创
2022-10-15 22:49:06
139阅读
做移动端页面开发时，我们是按照UI设计图上的尺寸来做的。比如说，UI给的图是750x1344（Iphone6标准），我们在浏览器做适配时，按照375x667来裁切，设计图上30像素的高度，开发时使用的是15px，这是因为Iphone6的设备像素比为2，css中的1px在设备中的像素为2px。当我们需要实现设计图中1px高度的边框时，在css中的1px实际上变成了2px边框，由此产生了1像素边框问题
