一 物理像素(physical pixel): 物理像素又被称为设备像素(dp),他是显示设备中一个最微小的物理部件。一个设备的物理像素是固定不变的。每个像素可以根据操作系统设置自己的颜色和亮度。所谓的一倍屏、二倍屏(Retina)、三倍屏,指的是设备以多少物理像素来显示一个CSS像素,也就是说,多 ...
转载 2021-09-21 09:45:00
994阅读
2评论
get
转载 2022-08-11 09:03:38
141阅读
设备像素指的是物理像素,一般手机的分辨率指的就是设备像素,一个设备的设备像素是不可变的。css像素和设备独立像素是等价的,不管在何种分辨率的设备上,css像素的大小应该是一致的,css像素是一个相对单位,它是相 对于设备像素的,一个css像素的大小取决于页面缩放程度和dpr的大小。dpr指的是设备像素和设备独立像素的比值,一般的pc屏幕,dpr=1。在iphone4时,苹果推出了retina屏幕,
原创 2022-03-25 10:37:41
3896阅读
判断机型, 找出样本机型去适配. 比如iphone以6为样本, 宽度375px, dpr是2
转载 2020-12-27 22:01:00
129阅读
2评论
微信小程序DPRDPR=设备像素/CSS像素(某一方向上)js获取方式window.devicePixelRatio微信小程序尺寸单位rpxrpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx获取高度wx.getSystemInfo({success:function(res){console.log(res.model)console.log(re
转载 2018-06-09 22:40:27
9475阅读
定义  像素,又称画素,是图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之意,有时亦被称为pel(picture element)  像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时,屏幕能显示的画面的过渡更细致,网站看起来
原创 2017-05-10 11:26:27
443阅读
    
转载 2017-04-01 17:22:00
298阅读
2评论
像素在web开发中几乎天天用到,但到底什么是像素,移动端和桌面端的像素有区别吗,缩放对像素有影响吗,视网膜屏幕和像素有什么关系?关于这些问题,可能就不清楚了。本文将介绍关于像素的相关知识 定义  像素,又称画素,是图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之意,有时
原创 2017-06-29 13:44:36
594阅读
这段时间用xe6,看了下目录下生成的一些文件,因为隐藏了扩展名,看到两个名字一样的文件,右键属性看了下,同名但扩展名不同,百度了下区别,没有找到答案,问群里的朋友才知道区别,特此记录下来: dpr:Delphi Project Delphi单个项目工程文件扩展名( 用于保存窗体、单元等的信息,以及程
转载 2018-12-22 12:05:00
114阅读
2评论
关闭Oracle 11g的DPR(Direct Path Read)特性 查看event参数值: 设置10949 event,屏蔽DPR特性: 由于指定的scope=spfile,需要重启库生效:
转载 2017-04-18 11:29:00
98阅读
2评论
import { createMachine, assign, interpret } from "xstate"; const elBox = document.querySelector("#box"); const elBody = document.body; const assignPoi
转载 2020-07-21 18:46:00
152阅读
2评论
淘宝flexible移动端解决方案给我们提供了很大的方便,在此前提下,使用其来处理图片在不同dpr下的情况。实例在该版本下的flexible会自动添加data-dpr属性在里image.png根据这个方法,我们可以使用sass写一个mixin函数mixin.scss@mixin fixImage($path,$img) { [data-d...
转载 2022-03-15 16:58:38
314阅读
[致命错误] Client.dpr(24): File not found: 'TFlatMemoUnit.dcu'我的TFlatMemoUnit.dcu文件在E:
原创 2023-04-27 22:46:07
78阅读
项目实战一、flexible.js库作用flexible是淘宝推出的弹性布局方案,可以解决移动端设备适配问题功能添加<meta>标签,并动态改写 <meta> 标签给 <html> 元素添加 data-dpr 属性,并且动态改写 data-dpr 的值给 <html> 元素添加 font-size 属性,并且动态改写 font-size 的值flex
转载 9月前
125阅读
淘宝flexible移动端解决方案给我们提供了很大的方便,在此前提下,使用其来处理图片在不同dpr下的情况。实例在该版本下的flexible会自动添加data-dpr属性在html里image.png根据这个方法,我们可以使用sass写一个mixin函数mixin.scss@mixin fixImage($path,$img) { [data-d...
转载 2021-06-30 11:14:26
558阅读
(1)dataset:所有放在data-*中的属性都在dataset中(2)getAttribute()方法获取color: red;这一定限度上解决了 css 无法获取变量的问题。
原创 2023-05-13 00:48:51
1047阅读
NCV7718DPR2G、NCV7718CDPR2G和TLE94106ES是当下热销型六角半桥驱动器之一,很多客户由于其缺货、交期长、价格高、售后服务不及时等多方面因素的影响,很多客户更倾向于选择替代物料:TMP7306A,能够pin to pin替代NCV7718DPR2G、NCV7718CDPR2G和TLE94106ES。
原创 2022-05-07 17:01:20
421阅读
重置css默认样式(淘宝): flexible.js 源码: 使用方法 建议对于js做内联处理,在所有资源加载之前执行这个js。 执行这个js后,会在html(也就是document.documentElement)上增加一个data-dpr属性,以及font-size样式。 之后页面中的元素,都可
转载 2017-03-08 21:27:00
474阅读
2评论
要使用解构赋值获取内层的 data 数据,你可以按照以下方式处理:const response = [ { data: { data: [{}] } }, { data: { data: [{}] } } ]; const [firstResponse, secondResponse] = response; const { data: firstData } = f
原创 3月前
59阅读
移动端屏幕的几个概念1、什么是dprdpr: device pixel ratio 设置像素比 —— dpr=物理像素/设备独立像素。 设置独立像素:密度无关像素,个人理解:设备的实际屏幕大小物理像素:设备像素,显示设备中一个最微小的部件,个人理解:针对iphone retina屏幕,2倍的即屏幕用2px点来显示css为1px的内容,3倍的同理2、获取设备dpr值js获取方式: window.d
  • 1
  • 2
  • 3
  • 4
  • 5