为什么同一个pt在不同的设备下显示不同的大小？

同一个pt在不同的设备下显示不同的大小是因为不同设备的屏幕像素密度（PPI）不同。pt（point）是一种相对单位，它是根据屏幕的分辨率和尺寸来计算的。在低像素密度的设备上，pt会被转换为较大的物理尺寸，而在高像素密度的设备上，pt会被转换为较小的物理尺寸。

例如，假设一个pt在一个低像素密度的设备上被转换为0.5毫米，而在一个高像素密度的设备上被转换为0.25毫米。这意味着在高像素密度的设备上，同一个pt所占据的物理空间更小，因此看起来更小。

这种差异是为了在不同的设备上提供更好的显示效果和可读性。高像素密度的设备可以显示更多的细节，因此需要将文字和图标显示得更小，以适应更多的内容。低像素密度的设备则需要将文字和图标显示得更大，以保证可读性。

对于开发者来说，为了在不同设备上获得一致的显示效果，应该使用相对单位（如em、rem）或者响应式布局来适应不同的屏幕尺寸和像素密度。此外，还可以使用媒体查询和CSS媒体规则来根据不同的设备特性应用不同的样式。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
腾讯云存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse

相关·内容

同一个网站，手机端跟电脑端显示不同是怎么实现的？

同一个网站，手机端跟电脑端不同是怎么实现的？常见的方式有三种： 1，自适应网站同一套代码，自动实现手机端和电脑端的布局自动调整。...自适应站点，往往是对CSS布局的重点考虑，本站使用的是BootStrap这个前端样式组件实现的自适应布局。 2，网站二级目录这种是早期网站比较喜欢的做法，因为其实这是一个网站。...早期网站往往是使用虚拟主机（也叫空间）发布，一个空间只能放一个网站，所以这种做法在早期特别流行。...由于是2套代码，所以发布时候也得配备2套域名，不过要求两套站点连接同一个数据库来实现数据统一。...id=302文章的更新编辑依此链接为准。欢迎关注源站原创文章！

4.2K3 0

不同大小的文字底部对齐，为什么不能使用flex-end

flex容器下，不同大小的文字底部对齐，为什么应该使用 baseline 而不是 flex-end?...分析原因发现，是因为文字周围有一圈空白的边距，这个边距在字体大小不同的情况下是不一致的，所以矩形区域虽然对齐了，但是文字底部没有对齐。...从 line-height 的角度解决为什么你不应该使用 line-height: 1首先想到的就是把文字周围的边距给彻底去掉，也即设置 line-height: 1，那么为什么说不应该使用这种方式呢？...有以下几个原因:在 line-height: 1 的情况下，文字如果长度不定，出现了换行，就会出现两行文字紧贴在一起的情况，如下。...图片使用 line-height 的正确方法在完全去掉周围边距这种方法不可用的情况下，只能通过把不同字体大小的透明边距宽度设置为一致就可以了。

6584 0

在不同浏览器都实用的各窗口大小获取方法

var h=document.documentElement.scrollHeight || document.body.scrollHeight; // 网页窗口(包括滚动条等边线，会随窗口的显示大小改变

1.4K8 0

在Java中为什么不同的返回类型不算方法重载？

本文已收录《Java常见面试题》：https://gitee.com/mydb/interview 方法重载是指在同一个类中，定义了多个同名方法，但每个方法的参数类型或者是参数个数不同就是方法重载...doSomething } public void method(Integer id, String name) { // doSomething } } 为什么不同返回类型不算方法重载...从方法签名的组成规则我们可以看出，方法的返回类型不是方法签名的组成部分，所以当同一个类中出现了多个方法名和参数相同，但返回值类型不同的方法时，JVM 就没办法通过方法签名来判断到底要调用哪个方法了，如下图所示...：那为什么返回类型不能做为方法签名的一部分呢？...总结在同一个类中定义了多个同名方法，但每个方法的参数类型或者是参数个数不同就是方法重载。方法重载的典型使用场景是 String 中的 valueOf 方法，它有 9 种实现。

3.3K1 0

使用TabLayout中tab字数不同，导致显示大小不一致的问题

最近使用TabLayout，我有两个Tab，一个tab是“消息”，一个是“通知栏”，两个字数不同，使用后发现字体竟然显示不一致大小，两个字的比三个字的字体大，上网搜索，说使用以下声明： true 还是没用最后发现是 app:tabMode="fixed"问题，改为app:tabMode="scrollable"既可以正常显示

9122 0

浅谈 Glide - BitmapPool 的存储时机 & 解答 ViewTarget 在同一View显示不同的图片时，总用同一个 Bitmap 引用的原因

Glide 在使用默认的Targer方式下，同一个 View 加载不同 URL 图片的时候，返回的 Bitmap 引用地址是一样的，但图片像素不一样。...，没过多的操作，仅仅是在 onResourceReady 处做了加载回来的 Bitmap 的保存工作。...之所要保存它，是因为这个APP要实现多开，每一个页面其对应的有一个二维码图片，每一个二维码图片的 bitmap 是不同的，这样在切换的时候，就可以对应显示出属于当前页面的 bitmap。...上面说的是存每个页面对应的 Bitmap，却没有去存 ImageView，你可能会问为什么？...BaseTarget，这也是为什么 SimpleTarget.java 能够达到每次请求返回的 Bitmap 内存地址不一样的原因。

1.3K10 0

吴恩达《ML Yearning》| 在不同的数据分布上训练及测设&Debug的一些推断算法

这样，你的205000张作为训练集的五篇，包含了一些与你的验证集和测试集有着相同来源的数据，还有200000张网络上的图片。在之后的章节之中我们会讨论为什么这种方法很有用。...但是在理论和实践之间有着巨大的鸿沟。如果你在数据集A上进行训练，并且在一些不同类型的数据B上测试，运气对你的算法表现有非常大的影响。...在y轴上，我们有三种类型的误差：人为误差，算法在已训练的案例上的误差，以及算法在未训练的案例上的误差。我们可以用前面章节中确定的不同类型的误差填写表格。...然后，您可以在该数据子集上测量学习模型的误差。填写这两个附加条目有时可以得到关于算法在数据的两个不同分布（分布A和B）上所做工作的额外规律。...这就是为什么前面章节我们讨论了在训练集中从验证/测试集中相同的分布中提取的一些数据的可能性。这样做可以让您比较训练集和验证/测试集的汽车数据上的算法表现。不幸的是，在这个过程中没有任何保证。

8421 0

为什么同样的WPF控件在不同的电脑上呈现外观不一致

今天有同事跑过来说遇到了一个奇怪的bug，同样的程序在win7和win10上界面相差了2个像素 ---- 一开始我们以为是半像素或者是分辨率的问题。结果调试了很久都没有结果。...不过意外的我们发现了另一个奇妙的东西。...下面两个图分别是在win7和win10情况下soonp获得的可视化树（已用demo替换） image.png image.png 有么有发现TabControl的子元素Grid多出了一个名字templateRoot...在代码里面查找，发现并没有这个名字的Grid，所以可以确定这个是来自TabControl的默认Style 所以我们找到win7和win10 下的默认主题 Aero和Aero2 查找方法可以参见博客默认的...当然对于这样子的问题的确不是很好定位，因此我们有两种可行的解决方案 1、尽量在关键界面使用自定义样式，对元素的呈现细节进行控制 2、在App.xaml中指定主题样式。

1.1K2 0

typecho同一个页面下调用不同分类的文章但是却只显示一个分类文章

问题描述：同页面调用分类下文章，只显示一第一个分类下的文章在一个页面中，反复调用下面这段代码，获取不同mid分类下的文章，只显示第一次调用此方法获得的数据，其他分类也是显示第一次调用的数据。...调用不同分类，这个@部分不同就行了，比如你调用两个不同的分类文章，mid分别为1和2，那么代码就这样写分类一 widget('Widget_Archive@index', 'pageSize

2241 0

WeChat 如何理解rpx

在小程序样式表中，我们绝大多数的长度单位都设置成 rpx，而不是我们常见的 px，使用 rpx 小程序会自动在不同的分辨率下进行转换，而使用 px 为单位则不会UI 同学给我们的视觉稿一般是以 i6 为标准进行设计的...而得到实际的元素尺寸，但在小程序中，可以按 1:1 的转换关系来设置元素尺寸，并能在不同分辨率设备下，保持一定的比例关系，下图是 100px 和 200rpx 的头像在 i6 和 iPad 设备上的显示效果或许其他同学会有疑问...，为什么 i6 分辨率是 375（逻辑分辨率 pt），而视觉稿一般给 750（物理分辨率 px）？...这是因为逻辑分辨率 pt 是按内容尺寸计算的长度单位，其大小和屏幕的尺寸有关；而物理分辨率 px 是按像素点计算的单位，跟屏幕大小没有关系，两者之间的关系为：一个 pt 对应多少个 px，即一个长度里能够包含多少个...px我们无法形容一个点有多大，但能通过点的个数来形容，在 i6 设备下，1 个 pt 包含了 2 个 px，如果不是以 i6 的标准进行做图，视觉稿与 rpx, px 的转换关系就不是整数倍了，计算起来也比较麻烦

1.3K4 0

从零开始学 Web 之 CSS3（八）CSS3三个案例

但是做为用户是不会关心这些细节的，他们只是希望在不同PPI的设备上看到的图像内容差不多大小，所以这时我们需要一个新的单位，这个新的单位能够保证图像内容在不同的PPI设备看上去大小应该差不多，这就是独立像素...通过上面例子我们不难发现 pt 同px是有一个对应（比例）关系的，这个对应（比例）关系是操作系统确定并处理，目的是确保不同PPI屏幕所能显示的图像大小是一致的，通过 window.devicePixelRatio...所以，我们如何处理在不同 pt/px 比例上使得显示相同大小的图片呢？很简单，在美工设计图片的时候，多设计几种尺寸的图片。...如下图为常见默认viewport大小（仅供参考）： ? 从图中统计我们得知不同的移动厂商分别设置了一个默认的viewport的值，这个值保证大部分网页可以正常在移动设备下浏览。...，那么最终layout viewport是要显示在ideal viewport里的，而layout viewport大于ideal viewport时，于是就出现滚动条了，那么为什么有的移动设备网页内容被缩放了呢

1.3K1 0

从零开始学 Web 之移动Web（一）屏幕相关基本知识，调试，视口，屏幕适配

7522 1

enrichplot富集分析可视化

然后准备下GSEA需要的格式。...富集分析最好用ENTREZID进行，关于多种不同的ID，在曾老师的书中都有详细介绍，强烈推荐初学者一定要看：生信初学者基础知识资源推荐 suppressMessages(library(clusterProfiler...，并且只显示条目的名字，按照基因变化倍数给基因上色，按照富集到的不同条目给连线上色：注意这里ORA的foldChange参数需要的格式，和做GSEA的格式一样，不过不需要排序也可以。...不过在使用前，必须用pairwise_termsim函数添加相似性矩阵才行~ ora_pt <- pairwise_termsim(ora_res) #默认参数画图 emapplot(ora_pt...，除了展示不同条目间基因的交集外，还可以通过箱线图展示不同条目的倍数变化（foldchange）：我们这里对GSEA的结果取个子集，因为原结果我不喜欢，取子集的方法也在之前的推文介绍过了：富集分析常见类型

9984 2

在画图软件中，可以画出不同大小或颜色的圆形、矩形等几何图形。几何图形之间有许多共同的特征，如它们可以是用某种颜色画出来的，可以是填充的或者不填充的。

抽象类图形类中有属性包括画笔颜色(String类型)、图形是否填充(boolean类型：true表示填充，false表示不填充)，有方法获取图形面积、获取图形周长等； ②使用构造方法为其属性赋初值； ③在每个子类中都重写...toString()方法，返回所有属性的信息； ④根据文字描述合理设计子类的其他属性和方法。...(2)设计实现画板类，要求： ①画一个红色、无填充、长和宽分别为10.0与5.0的长方形； ②画一个绿色、有填充、半径为3.0的圆形； ③画一个黄色、无填充、边长为4.0的正方形； ④分别求三个对象的面积和周长...，并将每个对象的所有属性信息打印到控制台。...：" +getColour() +"\t"+"有无填充:" +isFill()+ "半径为："+getR()+"的圆形面积为："+area()+"周长为："+perimeter() ; } }

1.8K3 0

分享：CSS长度单位：px和pt的区别

那是不是用pt做单位就没这样的问题呢？错！问题同样出现。刚才的例子已经很清楚的说明，在不同分辨率下，无论是px还是pt，都会改变大小。...以现在的电脑屏幕情况，还没有一种单位可以保证，在不同分辨率下，一个文字大小可以“固定不变”。...另外，电脑有其自身的调节性，用户可以自己来调节：1）在浏览器中调节字体大小；2）在刚才提到的显示属性里调节。那在页面设计中到底是用px还是pt呢？...在显示器分辨率不变的基础上（比如现在常用的1024×768），1px大小也就固定不变，改变显示设置，调整为144DPI，可以得出，1px＝0.5pt，常见的宋体9pt＝18px。...让我们来算算最常用的“宋体 9pt（12px）”，在各种显示器下，实际可视大小是多少： 15"CRT(800*600): 12/72=0.167英寸，大约是4.2毫米，是很大很容易辨识的，这也是为什么前几年最流行的中文字体大小

2.2K2 0

【C#】分享一个弹出容器层，像右键菜单那样召即来挥则去

，例如输入一些东西、点选一个item之类的，可能像这样：完了返回原窗体并获取刚刚的输入，这样做并没有什么问题，但在几天前我突然产生了一些想法：为什么非得有板有眼的弹出一个窗体给用户呢，是不是可以在按钮附近迅速呈现一个层来做这些事呢...不过受该方案的启发，我想到用ContextMenu来做容器（注意这个菜单类跟上面提到的继承自ToolStripDropDown的ContextMenuStrip大大的不同，前者是OS原生的菜单，就是在桌面...我还是打回.net的主意，当中仍然是做了许多不同的尝试，Form、Panel、UserControl、ContainerControl、Control等等看起来适合做容器层的东西都试了个遍，甚至重新在ToolStripDropDown...，解决系统自绘在XP下太靠边角从而覆盖边框的问题 //- 支持边缘和边角拖动改变窗体大小 //- 启用双缓冲 public class FloatLayerBase : Form...另外，原Form.SizeGripStyle照常使用，是否允许调整浮动层大小就靠它了方法就说一下Show和ShowDialog，显然分别是用来非模式化/模式化显示浮动层的，两者在调用角度的重大区别就是

2.7K2 0

前端|BootStrap4根据设备选择显示效果

前言 BootStrap4作为最出色的前端响应式框架之一，能够根据不同的设备，调整页面显示效果。但是，仅仅依靠调整原有元素的大小、排列，很难有好的呈现效果和用户体验。...因此对于电脑及手机端用户，要根据设备的不同适当更换页面的内容，来达到更好的页面呈现效果及用户体验。案例先来看一个小案例，这是同一个网页分别在电脑及手机端的显示效果。(源码在最后) ?...图一电脑端显示效果 ? 图二手机端显示效果分析根据不同设备的两种显示效果可以看到，在电脑及手机端中有相同的部分，也有不同的部分。...图三完整页面选择各个模块什么时候隐藏，什么时候显示。在BootStrap4中只需要添加相应样式，即可选择什么设备下显示。样式名参照下图。 ?...图四根据设备大小选择显示效果的样式名表格注意区分block和none，并且两者都是作用于某个屏幕大小的区间。 ? 图五电脑端导航栏添加显示样式 ?

1.5K2 0

机制和原理——样式的值

值和单位 CSS中的值有以下几种类型：颜色值颜色值的应用场合有：背景颜色，边框颜色，字体颜色等长度值长度值的应用场合有：元素的大小，边框颜色，字体颜色等时间值角度值颜色值——颜色取值...在CSS2.1中，CSS规范定义了17个颜色名。\ 用RGB指定颜色。可以使用0~255取值或者0%~100%。...如果某元素以12pt显示，那2em的设定值就等同于24pt。em非常适合于需要对用户所使用字体大小进行自动适应的场合。...优先级有的时候同一个元素同时被设置了多个不同的CSS样式代码，那最终是哪一个CSS样式有效呢?...，有三个样式分别定义了三种不同的颜色，red(红色），green（绿色）和yellow（黄色），但文本会显示成yellow（黄色）。

5413 0

数据可视化设计指南

数据可视化可以表达不同类型和大小的数据：从少量的数据到大数据呈现。准确优先考虑数据的准确性，清晰度和完整性，以不失数据真实性的情况下呈现数据信息。...不要使用多个饼图来显示数据趋势的变化。上图使用了两个饼图表示上个季度与本季度的数据，很难比较每个扇形的大小差异。...例如，条形颜色可以表示不同类别，而条形的长度可以表示值（数据大小）。 ? 形状可以用来表示不同数据。...报告板可以在报告板的界面中显示一系列多个不同的数据可视化图表显示。有时，多个简单数据图表可以更好地传达一个故事，而不是只使用一个复杂的图表。...用例包括：突出随时间变化的趋势回答“为什么”和“假设”问题预测创建深入的报告 Analytics（分析）信息中心示例：跟踪广告活动的效果在产品的整个生命周期中跟踪产品产生的销售和收入显示一段时间内的城市人口趋势

6K3 1

如何在UI界面设计中使用8pt网格系统？（附静电的思考和吐槽）

—————————————————— 8pt网格（栅格）系统可以用于平面设计，图标，或者页面布局。 ? 在本文中，我会说服你为什么要使用8pt的网格系统，因为这是最好的定位网格系统。...以及为什么这种系统可以用于几乎所有正在进行的数字项目设计中，尤其是产品设计中。 8PT网格系统介绍首先：什么是PT？ PT=Point。...最小尺寸的设计（也就是一倍图设计）使我们能够将资产缩放到不同设备所需的不同尺寸，同时保持像素完美的渲染。因此，可以将@ 1x，@ 2x和@ 3x大小的1pt分别转换为1、4或9像素。...但是，为什么要用8pt呢？有几个原因，第一个非常重要的原因就是，它可以在所有的不同的屏幕中完美缩放（包括Android的0.75和1.5倍缩放比例） ?...在Ui设计领域，作者仅仅从图标和文字角度解释了为什么需要使用8的倍数来进行设计，无非是换算中比较容易一些。但是我的观点是：如果不使用8pt网格系统，除了换算容易之外，还有什么其它优势吗？

2.8K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云