css 图片放大1.2倍,二倍图以及背景图缩放

news/2024/11/16 9:33:49/

物理像素与物理像素比

物理像素点指的是屏幕显示的最小颗粒,是物理世界中真实存在的。这是厂商在出厂时就设置好了,比如苹果6是750*1334

而我们开发时用的 px 并不等同于像素,即 1px 不一定等于 1个物理像素点

在pc端页面,1个px等于1个物理像素,但移动端就不尽相同,如 iphon8 宽度的物理像素是 750,但 px 单位是 375,因此一个 px 指能显示的物理像素点的个数,称为物理像素比或屏幕像素比

a7190e453fd4693ffb4ead941aeb0290.png

对于一张 50px * 50px 的图片,在手机或 Retina 屏中打开,按照刚才的物理像素比会放大倍数,这样会造成图片模糊

解决:我们准备的图片比我们实际要的大2倍,这种就是 2 倍图

这种方式能让图片显示得更高清,lRetina(视网膜屏幕)就是这样一种显示技术,可以将把更多的物理像素点压缩至一块屏幕里,从而达到更高的分辨率,并提高屏幕显示的细腻程度。

在 pc 端的显示效果,1px = 1个像素点

示例


http://www.ppmy.cn/news/440147.html

相关文章

【python--爬虫】千图网高清背景图片

爬取的网页是:千图网背景图片模块 查看背景图片的网页代码(右键–>【查看元素】/f12 / fn + f12) url链接【www.58pic.com/newpic/33945157.html】 进入了图片的高清大图页面 我们可以通过爬取最开始打开的页面的源代码进入对应的背景图片的详情页面. # 使用的utf-8编码 …

【python--爬虫】千图网高清背景图片爬虫

最近有读者反映想要下载千图网的高清背景图片,但是需要会员才能下载,而且需要的量非常大,问博主有没有办法能免费下载这些图片。 付费,不存在的o( ̄▽ ̄)o!,博主今天讲解如何通过pytho…

5.controller部署nova服务

nova 服务是 OpenStack service 计算服务,负责维护和管理云环境的计算资源; 例如: 接收客户端请求需要的计算资源; 确定实例在哪个物理机上创建; 通过虚机化的方式将实例启动运行等工作。 controller节点 在安装和配…

第九章 形态学图像处理

文章目录 9形态学图像处理9.2腐蚀与膨胀9.2.1腐蚀9.2.2膨胀 9.3开操作和闭操作9.5一些基本形态学方法9.3.1边界提取 9.6灰度级形态学9.6.3一些基本的形态学算法 9形态学图像处理 9.2腐蚀与膨胀 9.2.1腐蚀 imgcv2.imread(dige.png,0) kernel np.ones((3,3),np.uint8) num[[…

软件管理Linux

1. 获取程序包的途径 系统发行版的光盘或官方的服务器 http://mirrors.aliyun.comhttp://mirrors.sohu.comhttp://mirrors.163.com 项目官方站点第三方组织 Fedora-EPEL(推荐)搜索引擎: http://pkgs.org http://rpmfind.net http://rpm.pbon…

2023年网络安全竞赛——网络安全应急响应Server2228

网络安全应急响应 任务环境说明: 服务器场景:Server2228(开放链接) 用户名:root,密码:pssw0rd123 1. 找出被黑客修改的系统别名,并将倒数第二个别名作为Flag值提交&#xff1b…

g++ -v 若显示g++不是内部或外部命令`

MinGW - Minimalist GNU for Windows Files下载地址 下载地址点这里https://sourceforge.net/projects/mingw/files/ . exe文件下载后建议安装在D盘下tools文件夹下(个人习惯) 此次安装在默认路径下,直接傻瓜式安装 安装: 1.…

软件包相关

1、查看已经安装的软件包&#xff1a;yum list installed | grep 关键字 2、查看软件包提供的文件&#xff1a; 安装yum-utils包 yum -y install yum-utils 通过 repoquery -ql <package_name>查看