1.移动web浏览与调试 F12打开手机调试工具—>点击手机图标—>切换到移动调试模式—>选择移动设备型号或调剂移动设备宽度2.视口 viewport 浏览器显示页面内容的屏幕区域 视口分为布局视口、视觉视口和理想视口 布局视口 layout viewport ios、andriod基本上都将这个视口分辨率设为980px\ 视觉视口 visual viewport 用户正在看到网
转载
2023-09-06 23:50:46
209阅读
DPR:物理像素/设备独立像素 这个比值就是DPR 如：iphone6 物理像素是750 设备独立像素是375 那么：750/375 = 2 iphone6的DPR是2二倍图：现在，有一张100px x 100px的图片，在DPR = 1.0的设备中，可以完美的显示。在iphone3G中，此图片背后的发光点有100 x 100个 当我们把它（100px x 100px的图片）放在DPR = 2.0
转载
2024-09-10 19:19:18
64阅读
一、图片格式@2x与@3xAPP有时会提供不同大小的图片，1倍图和2倍图和3倍图，它们的像素与1倍数图相比相差2倍或者3倍。2倍图在1倍图的名字后加 @2x普通：sample.png 2倍：sample@2x.png 3倍：sample@3x.png “sample”寻找图片的时候，会自动根据设备屏幕取对应的图片 由于retina屏幕的普及，现在工程中用得最多的是@
转载
2024-06-12 12:47:00
282阅读
iPhone 6 的分辨率是1334x750，4.7英寸(对角线)，屏幕密度326ppi iPhone 6s 的分辨率是1334x750，4.7英寸(对角线)，屏幕密度326ppi iPhone 6 Plus 采用标准的 1920×1080分辨率屏幕。 iPhone7 的分辨率是1334x750像素。 iOS 11支持2436 × 1125 iPhone屏幕。在5英寸，分辨率为1280px*720
转载
2023-10-29 20:50:39
639阅读
# 如何在iOS中实现三倍图（@3x）
在iOS开发中，涉及到图片资源时，我们常常需要提供多种分辨率的图片，以适应不同屏幕分辨率的设备。这就引出了“@1x”、“@2x”和“@3x”这几个概念。特别是“@3x”图像，主要是为了支持具有Retina HD显示屏的设备。本文将逐步讲解如何实现iOS中的三倍图，帮助刚入行的小白理解整个流程。
## 流程概述
为了清晰地展示实现三倍图的过程，我们总结出
Sketch与PS的区别由于Sketch是矢量绘图工具，与PS位图处理软件不同的地方在于：Sketch图像生成采用矢量图，在调整形状的时候可以进行缩放而不会损失质量。Sketch中iPhone8默认画板是一倍图尺寸375*667，PS中iPhone8默认为二倍图尺寸750*1334。 PX与PT的关系px是像素，属于相对单位，而pt是点，是iOS开发过程中使用的单位，属于
转载
2023-07-14 23:09:29
883阅读
答： 比如你需要一个30pt*30pt的图标，那么这时你就需要跟美工要3个文件：一个是30px*30px的PNG文件，用原名来命名即可，例如：sample.png 一个是60px*60px的PNG文件，这个是要用原名@2x来命名，例如：sample@2x.png 一个是90px*90px的PNG图片，这个是要用@3x来命名，例如sample@3x.png这个把这三张图片导入进工...
转载
2022-05-27 08:39:24
276阅读
# 理解和实现 iOS 三倍图尺寸
在 iOS 开发中，图像资源的管理是非常重要的一个环节。特别是在如今的各种设备上，显示屏的分辨率各不相同，这使得我们需要使用不同尺寸的图像资源。在这里，我们将重点讨论如何实现 iOS 三倍图尺寸。
## 流程概述
为了方便理解整个流程，我们可以将其梳理为以下几个步骤：
| 步骤 | 描述 |
|------|------|
| 1 | 确认图像资源
html移动端——基础知识1. 开发尺寸iphone6 7 8：1倍图尺寸，宽375像素，高667像素。开发：2倍图尺寸，750×1334。iphonex及以上：目前市场主流 1倍图尺寸，宽375像素，高812像素。开发：2倍图尺寸，750×1624。2. 物理像素和逻辑像素2.1 物理像素设计的尺寸：pc端设计显示的尺寸和开发的尺寸是一样的。2.2 逻辑像素开发的尺寸：，由于屏幕越来越大，分辨率
转载
2023-09-22 15:40:09
686阅读
3.3 OutputFormat 数据输出OutputFormat：将key-value的格式的数据写回到文件OutputFormat源码：public abstract class OutputFormat<K, V> {
public OutputFormat() {
}
//对于给定的的任务，获取一个RecordWriter，接受KV值并处理的方法
pu
转载
2024-07-17 23:31:43
26阅读
文章目录meta视口标签二倍图移动端技术解决方案移动端常见布局flex弹性布局(推荐)less+rem+媒体查询布基础适配方案响应式页面兼容移动端(bootstrap)概念bootstrap使用流式布局总结渐变色(小拓展) meta视口标签meta 视口标签<meta name="viewport" content="width=device-width. user-scalable=no
小编之前在ui培训课程里面了解到，在ui设计当中，时下图标设计流行的是一种不一样的极简风，这样会更加细腻有趣。配色是设计中永恒的话题，在我看来简易更是设计的精髓。Banana Bird 在刚刚接受ui培训的时候，一般会从单色，或者双色结构来授课，就如上图的banana bird图标，如此简易，但也明确体现图标所表达的内容。 KZ 然而，许多设计师都认为三种色彩构成的配
1.内存空间的划分: 我们知道，一个进程占用的内存空间，包含5种不同的数据区：（1）BSS段：通常是存放未初始化的全局变量；（2）数据段：通常是存放已初始化的全局变量。（3）代码段：通常是存放程序执行代码。（4）堆：通常是用于存放进程运行中被动态分配的内存段 ， OC对象（所有继承自NSObject的对象）就存放在堆里。（5）栈：由编译器自动分配释放，存放函数的参
转载
2024-06-06 19:10:43
36阅读
获得设备像素比后，便可得知设备像素与CSS像素之间的比例。也就是window.devicePixelRatio。 一倍图：当这个比率为1:1时，使用1个设备像素显示1个CSS像素。 二倍图：当这个比率为2:1时，使用4个设备像素显示1个CSS像素， 三倍图：当这个比率为3:1时，使用9（3*3）个设备像素显示1个CSS像素。设备像素:也叫物理像素，显示设备上最微小的物理部件。 比如 iphone
转载
2023-08-16 11:37:12
120阅读
1）大小的统一在网页设计中图标的主流尺寸有16×16, 24×24, 32×32, 48×48, 64×64, 96×96, 128×128, 256×256, 512×512。iOS上，苹果建议44x44pt作为最小的点击目标区域。但实际中，ios和安卓正常出一个设计版本，俩者结合我们在2倍图下最适合的大小为48*48px。ios功能图标其他尺寸为48加或减4的倍数；安卓android功能图标其
转载
2023-11-21 15:37:48
385阅读
在 Android 开发中，针对不同设备的屏幕密度，使用2倍图（即drawable-mdpi资源）来适配是一项常见的需求。在调试和维护现有项目时，经常会遇到有关“android 2倍图”的问题。本文将总结解决“android 2倍图”问题的过程，包括版本对比、迁移指南、兼容性处理、实战案例、排错指南以及生态扩展等内容。
### 版本对比
自Android 4.0（Ice Cream Sandw
在移动端或者前端开发中，UI图通常是带标注的，指定某个控件的长宽等属性，一般UI给的是68px，72px这样的样式，但是我们在开发过程中通常又并不是完全按照上面的标注去设置值，有时候需要将这个标注除以2或者除以3在进行赋值给frame，这其中的原因是因为标注一般都是按px格式给的，但是iOS底层绘制的时候是按照pt为单位进行绘制，这两个的区别在于：px就是表示pixel，像素，是屏幕上显示数据
长久以来，三维姿态估计都在追求准确性上一路狂奔。但精度提高的同时，也带来了计算成本的上升。而刚刚被CPVR 2021接受的论文中所提出的模型，MobileHumanPose却可以同时做到又小又好。还是放在手机上都能hold得住的那种。来感受一下这个feel：这种动作的健身操也没问题：据了解，这个模型的尺寸，只有基于ResNet-50的模型的1/7，算力达到了3.92GFLOPS。而且平均每关节位置
转载
2024-06-07 20:33:19
25阅读
目录两种像素分辨率RN如何做屏幕适配1. 尺寸相同，适配不同分辨率2. 分辨率相同，适配不同尺寸屏幕3. px转dp4. 总结最终适配方案尺寸优化1. 像素对齐2. 实现真正的1px的分割线3. dp转px 2倍屏，3倍屏，px，dp，这些概念因为不影响开发没有深入研究过，最近要写一个屏幕的工具类，就趁着这个机会彻底了解一下。两种像素物理像素：
单位是px，是画面中最小的点(单位色块)。像
iPhone X适配程序启动图，引导图等 iPhone X像素尺寸1125x2436，也就是说，你的启动图或者是闪屏页，App引导图等得新加一个图了，另外iPhone X用的是三倍图，开发用的逻辑分辨率即为375x812，可见iPhone X的宽度是和4.7尺寸一样的，只不过高度增加许多，程序启动页，可以专门为iPhone X增加（如下图），但App的其他页面，比如整个页面的背景图，自己做的引导页
转载
2024-09-14 08:19:26
85阅读
