一 物理像素(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阅读
微信小程序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阅读
判断机型, 找出样本机型去适配. 比如iphone以6为样本, 宽度375px, dpr是2
转载 2020-12-27 22:01:00
129阅读
2评论
定义  像素,又称画素,是图像显示的基本单位,译自英文“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评论
最近组内在学习next.js,里面涉及到客户端渲染和服务端渲染中使用的不同的技术。我把学习过程中了解到的这些技术点逐个进行分析、比较和总结,咱不废话了,开始吧。CSR(Client Side Rendering)客户端渲染CSR 就是客户端渲染, 如常见的 SPA 所使用的渲染方式,所有的主流框架都支持,或者说:只要是在客户端渲染过程中使用到了 JS,数据是通过客户端
原创 2023-07-25 10:24:45
137阅读
JAVAWeb 基础篇 CSS专题之:CSS&Html 三种结合方式:“内联方式、内部方式、外部方式”;CSS选择器;概要:<!DOCTYPE html> <html lang="en"> <!--CSS: 页面美化和布局控制 1、概念:Cascading Style Sheets 层叠样式表
转载 2023-07-17 12:32:19
77阅读
一:CSS概述什么是CSSCSS就是层叠样式表(Casading Style Sheets),通常称为CSS样式表,或者是级联样式表。主要用于设置HTML的文本,内容(字体,大小,对齐),图片外形(宽高,边框样式,边距等),以及版面的布局等外观样式。CSS以HTML为基础,提供了丰富的功能。还可以针对不同的浏览器设置不同的样式。HTML和CSS的关系HTML结构层:负责从语义的角度搭建页面CSS
目录前言1. CSS概述2. 选择器2.1 基础选择器2.2 扩展选择器3. 属性前言        学习了HTML之后,我们能做一个最简单基础的网页了,但是,这个网页不好看!我们想要把网页做得好看一点,怎么办呢?不用担心,CSS来解决你的烦恼,CSS(层叠样式表)主要用于网页页面美化和布局控制。1
9.CSS技术9.1 css的概念 css是“层叠样式表单”是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言9.2 css的语法规则 选择器:浏览器根据“选择器”决定受css样式影响的html元素(标签) 属性:是你要改变的样式名,并且每个属性都有一个值,属性和值都被冒号分开,并由花括号包围,这样就形成了一个完整的样式声明,例如:p{color:blue} 多个声明:如果要
1、CSS概念全称为Cascading Style Sheets(层叠样式表),支持专有的文件 - 扩展名为".css"作用:将HTML的结构(HTML标签即html)与样式(显示的样式即css)进行分离² CSS语法结构语法格式:选择器{ 属性名称: 属性值; 属性名称: 属性值;} ² CSS 注释用来解释代码,且可随意编辑它,浏览器会忽略它。  格式:/* 内容 */2、如何使用C
CSS:Cascading Style Sheets 层叠式样式表原始示例代码:<div> <div>租辆酷车</div> <div>css教学</div> </div> <div> <div> <div>中关村到天安门</div>
CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。要想让CSS对网页内容有效果,必须将CSS代码引入网页,通常有四种方式,详见下文。          .1     &nbs
转载 1月前
18阅读
淘宝flexible移动端解决方案给我们提供了很大的方便,在此前提下,使用其来处理图片在不同dpr下的情况。实例在该版本下的flexible会自动添加data-dpr属性在里image.png根据这个方法,我们可以使用sass写一个mixin函数mixin.scss@mixin fixImage($path,$img) { [data-d...
转载 2022-03-15 16:58:38
314阅读
使用rem进行字体大小调整的主要问题是使用这些值有些困难。让我们看一个以rem单位表示的常见字体大小的示例,当然,假定基本大小为16px:报表广告10px = 0.625rem12px = 0.75rem14px = 0.875rem16px = 1rem(基本)18px = 1.125rem20px = 1.25rem24px = 1.5rem30px = 1.875rem32px = 2rem
  • 1
  • 2
  • 3
  • 4
  • 5