获取手机宽度高度dpr的方法

最新推荐文章于 2024-05-13 14:49:29 发布
最新推荐文章于 2024-05-13 14:49:29 发布
阅读量1.5k 收藏 2
点赞数 2
文章标签： html5 小程序 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shgzzd/article/details/121844933
版权

获取手机宽度高度dpr的方法

引言

在做uni-app小程序、app或者h5的时候，默认的手机尺寸基本上是iphone，和安卓机不太一样。

所以我们需要获取自己手机的宽度高度，方法如下

打开HBuilder

比如我在inh.vue下面

image-20211209213844087

书写如下代码

之后点击在手机或模拟器上运行

image-20211209213958327

控制台就会输出如下的手机信息了

我的手机品牌是华为，型号是LYA-AL00（mate 20 pro）

宽度360，高度780，dpr是3

沐言鸭
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
移动端dpr解析
草莓不爱吃白菜的博客
10-16 2264
移动端中 drp是devicePixelRatio的简称，表示的是css样式中1px在当前设备上所占的物理像素个数，苹果6一般作为设计中的基准，一般drp都等于2，也就是我们说的二倍屏 PC端中 在桌面浏览器中css的1个像素往往都是对应着电脑屏幕的1个物理像素，也就是drp=1 其实对于我们用户来说，drp越大，手机的分辨率越高，我们的用户体验越好。 这也就是比如我们设置边框为0.5px时，在...
一种DPR中总线宏的设计方法
04-16
在介绍总线宏基本原理的基础上，分析传统设计方法的复杂性，结合Virtex-5芯片的结构特点，以Xilinx的ISE9.1i和PlanAhead9.2.7开发软件为依托，通过宏文件获取、模块例化和连线以及放置总线宏来实现总线宏的设计。...
css如何判断设备的dpr,谈谈设备像素比dpr
weixin_31498229的博客
08-04 1051
屏幕尺寸：指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米。常见的屏幕尺寸：iphone4 3.5英寸iphone5 4英寸iphone6 4.7英寸iphone6 plus 5.5英寸iphoneX 5.8英寸像素：显示屏的画面上表示出来的最小单位。每个像素的大小是不固定的，他是根据设备的分辨率决定的分辨率：屏幕分辨率是指纵横向上的像素点数，单位是 px物理像素(physical pixe...
你了解手机设备的dpr吗？它和CSS又有什么联系？
最新发布
xingyu_qie的专栏
05-13 627
现在许多设备，特别是高分辨率的移动设备（如智能手机、平板电脑和笔记本电脑），都具有高像素密度的屏幕。这种高像素密度意味着相同物理尺寸的屏幕上包含了更多的像素，使得显示更加细腻和清晰。时，我们实际上在谈论屏幕像素密度，即每英寸的像素数。这个属性告诉我们在一个设备上的一个CSS像素对应多少物理像素。还可以帮助我们优化网页性能，例如减少在高分辨率屏幕上不必要的图形渲染，从而提高用户体验。的值通常是一个浮点数，表示设备上的物理像素与CSS像素的比率。属性，从而在运行时获取设备的像素比率。在响应式网页设计中，了解。
dpr
炯炯灯的博客
04-20 1348
dpr：设备像素比 dpr = 物理像素/独立像素标注尺寸的时候是物理像素，代码中是独立像素，根据不同设备的设备像素比，编写不同的样式代码
获得Andriod手机屏幕分辨率的两种方法
蓝蓝的天
11-30 7543
<br />public class AndroidTest extends Activity { private static String TAG = "AndroidTest"; private TextView textview1; // 获取手机屏幕分辨率的类 private DisplayMetrics dm; @Override public void onCreate(Bundle savedInstanceState){ super.onCr
微信小程序DPR的理解
Strange_程序员的的博客
10-29 4798
DPR指的是设备的像数比，在制作的微信小程序的时候常用，也就相当于web前端的自适应，根据设备的像素（也就是物理像素）大小进行调节。 物理像素:显示器上最小的物理显示单元（像素颗粒），在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。 例如：手机大小固定，物理像素越高，画面越清晰细腻。 逻辑像素:可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素，也可称为设备独...
DPR1260快速安装文档
10-10
这个是DLINK打印服务器DPR-1260快速安装文档，快速设置，管理和配置的不二法门。供大家学习使用
DP-302&DPR-1020-FW-v1.03
04-09
DP-302&DPR-1020_FW_v1.03
DPR-1020说明书.pdf
12-04
D-link DPr1020说明书 dlink1020 发行与2010年 是一款usbUSB接口多功能打印服务器
lgg-flexible:移动端适配方案（flex + rem + dpr）, lgg-flexible 主要动态控制 rem 和 dpr 来适配不同移动端。增加一些特性可去调控 rem 适配带来 PC 一些问题
05-14
看来了一些关于移动端布局的资料，目前最佳的移动端移动端适配方案（flex + rem + dpr）, 自己也根据原理写了 lgg-flexible， 主要动态控制 rem 和 dpr 来适配不同移动端。增加一些特性可去调控 rem 适配带来 PC ...
移动端适配dpr
少油少盐不要辣
02-09 3262
这是将layout viewport（布局视口）宽度设置为设备屏幕宽度，这句就得到了理想视口。
移动端布局(一)dp、dip、PPI、dpr、图片模糊
androidioskl的博客
12-24 1928
高清屏 即高清屏,把更多的像素压缩至一块屏幕里，从而达到更高分辨率显示的细腻程度，使人眼无法分辨出单个的像素。 物理像素 物理像素，设备的硬件像素，生产出来就已经设定好了的真实像素，不能被改变。是计算机屏幕渲染画面(图像)的最小单位，整个图像是由像素单位组成的，这个单位的形状通常都是会发光的正方形方格， 在相同尺寸屏幕中，像素点越多，像素点就越小就越清晰(因为你在该屏幕内容纳更多的像素像素点自然会缩小)，像素点越少，像素点就越大，图像就不清晰，因为你都能看到像素点的锯齿状。 分辨率指的就是水平垂直方向上像素
关于DPR2.0&DPR3.0手机上的适配问题（focusdroid）
focusdroid的博客
11-08 1079
DPR2.0&DPR3.0S手机适配问题 就一行代码解决问题，解决不了就去…… <template> <div> 这是商家+++页面 <div class="box"> </div> </div> </template> <script></script> <style lang="scss" scoped> .box { width:
入门（1）--屏幕分辨率、PPI，屏幕尺寸,dpr
凡事预则立，不预则废
10-26 3711
1.屏幕分辨率 屏幕在纵横坐标上的像素，1280*960，表示纵坐标上1280个像素，横坐标960个像素 2.屏幕尺寸 屏幕的对角线长度，使用英寸表示，1in=2.54cm 3.ppi 每英寸上面的像素个数。ppi=对角线上的像素个数/屏幕尺寸
设备像素、css像素、设备独立像素、dpr、ppi之间的区别？
m0_60676278的博客
02-01 821
无缩放情况下，1个CSS像素等于1个设备独立像素设备像素由屏幕生产之后就不发生改变，而设备独立像素是一个虚拟单位会发生改变PC端中，1个设备独立像素 = 1个设备像素 （在100%，未缩放的情况下）在移动端中，标准屏幕（160ppi）下 1个设备独立像素 = 1个设备像素设备像素比（dpr） = 设备像素 / 设备独立像素每英寸像素（ppi），值越大，图像越清晰。
uniapp换手机提示（获取本机设备信息）
m0_51431448的博客
05-06 1613
就是我们开发出的app，这次在这个手机上登录了，下次换了个手机登录，这时候要给用户个提示，我也不知道为什么非得要这个提示，感觉意义不太大，但是需求是这样的，所以这篇主要是简单说下uniapp获取当前手机设备的信息。
微信小程序判断手机机型信息及dpr
qq_45094682的博客
05-28 4263
微信小程序判断手机机型信息及dpr=2、3 出现这个原因是因为手机dpr不同，导致在显示二维码时出现位置偏移。首先能想到的就是获取设备信息，根据不同机型而解决问题。 var that = this; const res = wx.getSystemInfoSync() //判断是否为iphonex console.log(res) //打印出手机机型所有信息 if(res.pixelRatio === 2){ //dpr=2 model console.log('dpr=2') that.setD
上面代码的获取当前设备的DPR值语法uni.$device.pixelRatio，获取失败
06-06
为了解决这个问题，可以使用以下方法获取设备的 DPR 值： ```javascript if (uni.getSystemInfoSync) { const sysInfo = uni.getSystemInfoSync(); const dpr = sysInfo.pixelRatio; // 使用 dpr 值进行图片加载...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值