显示器点距与ppi的关系

点、像素、分辨率、PPI、DPI等

屏幕尺寸屏幕尺寸是屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米. pixel 像素,它是组成图片的最小单元,代表红绿蓝等各种颜色. dot 点,它是屏幕发光.cmos感光的最小物理单元,水平和竖直的点数量是固定的,点数量越多显示.拍到的图片越细腻,屏幕上每个方向显示的图片像素数量和拍照时每个方向的图片像素数量是可以通过软件设置的,最大像素数量等于点数量. 屏幕点距是每个点到相邻点之间的中心距离,点距越小则单位距离上点数量越多. 图片分辨率分辨率是用来表示水平和竖直方向上像素的数量的

CSS margin 外边距属性的位置关系

padding:内边距 margin :外边距 margin:10px; 所有 4 个外边距都是 10px ******************************************* margin:10px 5px; 上外边距和下外边距是 10px 右外边距和左外边距是 5px ******************************************** margin:10px 5px 15px; 上外边距是 10px 右外边距和左外边距是 5px 下外边距是 15px

CSS 负边距读后感

最近看到一篇讲解CSS 负边距的文章: http://segmentfault.com/a/1190000003750411?utm_source=Weibo&utm_medium=shareLink&utm_campaign=socialShare 看后感觉如沐春风.以下是我的一点理解: 首先是原文中的结论: margin为正时,top.left属性是以content上(左)或垂直上方相连元素margin的下(右)边为参考线垂直向下(右)位移. margin为负且盒子static时,ri

Qt之高DPI显示器(一) - 解决方案整理

目录 DPI发展 1.PPI 2.DPI 一.Win自适应系统二.Qt机制 1.Windows系统DWM缩放 2. Qt适配高DPI 3.适配DPI结论三.Qt适配四.自己适配 1.窗口大小 2.字体大小 3.间距 4.图标五.参考文章最近一直在处理高DPI问题,也花费了不少功夫,前前后后使用了多种解决方案,各种方案也都有利弊,笔者最终采用了自适配方案,虽然复杂一些,但是结果可控.这里把处理的过程记录下来,留给有同样需求的同学 DPI发展随着显示器质量的增高,高分屏逐渐增多,很多用户

Qt之高DPI显示器(二) - 自适配解决方案分析

目录一.回顾二.框架说明 1.ICallDPIChanged 2.IDPIHelper 3.悬浮窗体管理器三.方案分析 1.窗口大小 2.字体大小 3.间距 4.图标四.相关文章原文链接:Qt之高DPI显示器(二) - 自适配解决方案分析最近一直在处理高DPI问题,也花费了不少功夫,前前后后使用了多种解决方案,各种方案也都有利弊,笔者最终采用了自适配方案,虽然复杂一些,但是结果可控.这里把处理的过程记录下来,留给有同样需求的同学一.回顾上一篇文章Qt之高DPI显示器(一) - 解

显示器类型对美乐威NDI IP转换器延时影响测试

背景用户在选择用网络传输视频时,传输延迟通常是他们非常关心的数据.集成商在探究如何降低视频传输延时,往往专注于网络本身和视频编码的优化,容易忽略视频解码和播出也是整个视频传输过程中非常重要的环节.本文重点讲述了通过选择显示器类型来降低网络传输过程中的延迟. [测试使用设备] 硬件设备: 1. 视频信号源:企鹅极光盒子(1080P60) 2. 硬件编码设备:Pro Convert HDMI 4K Plus编码器(固件版本V1.0.567) 3. 硬件解码设备:Pro Convert for ND

CSS备忘笔记

一.CSS的概念 CSS(Cascading Style Sheet),中文译为层叠样式表,它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. 二.CSS使用方式使用CSS控制页面有4种方式,分别为行内样式.内嵌式.链接式.导入式. 1.行内样式.直接写在HTML标签里,例如<div style="width:100px;height:100px;"></div> 2.内嵌式.写在<style></style>中,例如

超全面！UI设计师如何适配2018新款iPhone

北京时间9月13日凌晨1点,苹果在美国加利福尼亚州的Apple Park园区召开了2018年苹果秋季新品发布会. 很多人对这次科技界的春晚充满了期待,除了那些让人“剁手”的新品,设计师关注的还有新手机发布后的设计适配工作.本文UI中国会员-新像素将给大家全面梳理一下今天凌晨发布会的主要内容,向大家娓娓道来. 新手机iPhoneXS.XS Max与iPhoneXR 发布的三款新iPhone包括两款OLED屏幕的iPhone XS和iPhone XS Max,屏幕尺寸分别为5.8英寸(分辨率为112

《Code Complete》ch.21 协同构建

WHAT? 所有的协同构建技术都试图通过这样那样的途径,将展示工作的过程正式化,以便将错误暴露出来 WHY? 提高缺陷检出率,从而缩短开发周期,降低开发成本发现不明显的错误信息,如不恰当的注释.硬编码的变量值.重复出现需要统一的代码模式——这些是测试所发现不了的让人们知道他们的代码将要被复查,这样他们会小心谨慎检查自己的工作提供技术交流平台,提升开发者水平 HOW? 结对编程用编码规范来支撑编程不要让结对编程变成旁观不要强迫在简单的问题上使用结对编程有规律地对结对人员和分配的工作任

Qt 学习之路：元素布局

上一章我们介绍了 QML 中用于定位的几种元素,被称为定位器.除了定位器,QML 还提供了另外一种用于布局的机制.我们将这种机制成为锚点(anchor).锚点允许我们灵活地设置两个元素的相对位置.它使两个元素之间形成一种类似于锚的关系,也就是两个元素之间形成一个固定点.锚点的行为类似于一种链接,它要比单纯地计算坐标改变更强.由于锚点描述的是相对位置,所以在使用锚点时,我们必须指定两个元素,声明其中一个元素相对于另外一个元素.锚点是Item元素的基本属性之一,因而适用于所有 QML 可视元素. 一

android屏幕适配方法

android中图片适配是一件很棘手的事情,本篇文章详细的介绍屏幕显示的原理,为什么会资源文件中会存在 drawable-ldpi.drawable-mdpi.drawable-hdpi.drawable-xhdpi等文件夹,为什么要使用dp作为单位等等. 首先从这两张图片的显示效果开始说起这是一张200x200的图片在不同的手机上的显示效果.很明显第二张图片看上去要比第一张占用的空间小很多?这是为什么呢? 这里我们引入 ppi (pixel per inch)名词,翻译过来就是每英寸的距离像

CSS基础知识（颜色、伪类、盒子模型）

6.设置颜色单位 L 普通英文单词 {color : 属性值red;} 此方法简单,便捷.但设置的颜色在不同浏览器中,可能显示的颜色出现差异 * 三原色 - 红.绿.蓝 L 颜色的八进制方式格式:rgb(数字,数字,数字),数字范围是0 ~ 255 r红色g绿色b蓝色 L 颜色的十六进制方式格式:#红色绿色蓝色,范围是00 ~ FF eg: #ff0000或#f00 7.伪类作用:为<a>元素添加样式 :link - 设置链接元素未访问的样式

软考下午题详解---uml图

在上篇博客中,小编主要简单的对软考下午题当中的数据流图设计进行了一系列总结,今天我们继续来看软考下午题当中大题部分,uml图的相关知识,在我们学习的过程中,我们也已经接触过,西安交大刘惠老师讲解过uml的相关知识点,我们学习完了之后画了一套机房收费系统的uml图,那时年少,画的图太过稚嫩,画的图一遍又一遍的让师傅验收,一次又一次的修改,终于在14年的春节绽放她的笑颜,后来在个人重构.机房合作中和uml也陆陆续续的打过交道,就是在这样一个反复的过程中,小编对uml图的理解一步又一步的加深,学习呢,

ffplay.c函数结构简单分析（画图）

最近重温了一下FFplay的源代码.FFplay是FFmpeg项目提供的播放器示例.尽管FFplay只是一个简单的播放器示例,它的源代码的量也是不少的.之前看代码,主要是集中于某一个"点"进行研究,而没有从总体结构上进行分析.本文就打算弥补之前学习的不足,从总体结构上分析一下FFplay的源代码,画图理一下它的结构.其中还有诸多不足,以后有机会慢慢完善.说明一下自己画的结构图的规则:图中仅画出了比较重要的函数之间的调用关系.粉红色的函数是FFmpeg编解码类库(libavcodec,l

margin-塌陷问题

塌陷问题当两个盒子在垂直方向上设置margin值时,会出现一个有趣的塌陷现象. ①垂直并列(少见) 首先设置两个DIV,并为其制定宽高 /*HTML部分*/ <body> <div class="box1">box1</div> <div class="box2">box2</div> </body> /*CSS部分*/ <style> *{ margin: 0; padding:

css中常见margin塌陷问题之解决办法

塌陷问题当两个盒子在垂直方向上设置margin值时,会出现一个有趣的塌陷现象. ①垂直并列首先设置两个DIV,并为其制定宽高 1 /*HTML部分*/ 2 <body> 3 <div class="box1">box1</div> 4 <div class="box2">box2</div> 5 </body> 6 /*CSS部分*/ 7 <style> 8 *{ 9 margi

矢量图形（vector graphics）和位图图像（bitmap）以及分辨率概念

第一篇:凭心而论.客观地认识矢量图形与位图图像http://www.dzwebs.net/2003.html 学习过物理的人都明白,矢量有大小和方向,而标量只有大小却没有方向: 但是在计算机里面,图形图像不以标量和矢量区分,而是以矢量图形和位图图像区分: 那么,什么又是矢量图形.什么又是位图图像呢? 下文,我们就一起来学习这一概念吧! 一.端正自己对计算机图形图像的态度计算机绘图分为位图图像和矢量图形两大类,首先说明,位图图像和矢量图形没有好坏.孰优孰劣之分,在不同的用途存在其自身的优点.因此

web前端--移动端适配总结

转自:https://segmentfault.com/a/1190000011586301 作者:Devinnn meta标签到底做了什么事情做过移动端适配的小伙伴一定有遇到过这行代码: <meta name = "viewport" content ="width=device-width, initial-scale=1.0"> 但是,很多小伙伴只是感性的认识:噢,我加了这行代码,然后页面的宽度就会跟我的设备宽度一致.然而,这种理解是很片面的.那

【遥感专题系列】微波遥感（三、SAR图像特征）

SAR是主动式侧视雷达系统,且成像几何属于斜距投影类型.因此SAR图像与光学图像在成像机理.几何特征.辐射特征等方面都有较大的区别.在进行SAR图像处理和应用前,需要了解SAR图像的基本特征. 本文主要包括: 成像散射特征 SAR几何特征 SAR图像特征 1.成像散射特征 SAR图像上的信息是地物目标对雷达波束的反映,主要是地物目标的后向散射形成的图像信息.反映SAR图像信息的灰度值主要受后向散射的影响,而影响后向散射的主要因素分为两大类: 雷达系统的工作参数:主要包括雷达传感器的工作波长.

（4）《Head First HTML与CSS》学习笔记---文本的CSS规则和盒模型；div与span；<a>元素的链接色；伪类

1.每个font-family包含一组共同特征的字体.共五个字体系列: sans-serif----这个系列包括了没有衬线的字体,与serif相比,通常认为这个系列更容易在计算机上识读. serif-----------这个系列包括有衬线的字体,很像新闻报纸的文字排版. monospace-这个系列的字体包含固定宽度的字符(即每个字母在水平方向所占的宽度都是相同的),主要用于显示软件代码示例.(代码很重视对齐.缩进,所以对宽度要求高) cursive-------这个系列的字体包含看似手写的字体

ffplay.c函数结构简单分析（绘图）

近期重温了一下FFplay的源码. FFplay是FFmpeg项目提供的播放器演示样例.虽然FFplay不过一个简单的播放器演示样例,它的源码的量也是不少的. 之前看代码,主要是集中于某一个"点"进行研究,而没有从整体结构上进行分析.本文就打算弥补之前学习的不足,从整体结构上分析一下FFplay的源码,绘图理一下它的结构.当中还有诸多不足.以后有机会慢慢完好.说明一下自己画的结构图的规则:图中仅画出了比較重要的函数之间的调用关系. 粉红色的函数是FFmpeg编解码类库(libavcod

巴特西