前端app开发如何查询手机像素px

最新推荐文章于 2024-03-21 17:41:35 发布
最新推荐文章于 2024-03-21 17:41:35 发布
阅读量670 收藏 3
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kalinux/article/details/116118605
版权

在控制台显示的360*640px指的是逻辑像素

而手机实际参数，屏幕分辨率指的是物理分辨率

手机的逻辑像素 = 手机的屏幕分辨率/手机的倍率，而倍率一般等于2或者3
所以华为mate 30的逻辑像素： 1080/3=360px，2340/3 = 780px

详细可以学习：https://blog.csdn.net/a0405221/article/details/78913714

kalinux
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
查看手机屏幕分辨率软件
09-04
查看手机屏幕分辨率软件
查看手机分辨率
ermuzhi的专栏
07-31 2967
dumpsys window displays
解读所有设备的css像素的网站
ajpr3120的博客
01-29 68
http://mydevice.io/devices/ 转载于:https://www.cnblogs.com/wbxjiayou/p/5168229.html
怎么计算手机的逻辑分辨率？
weixin_30892763的博客
03-23 1211
官方公布的手机屏幕分辨率比均为物理像素比，比如 ipone5的设备分辨率为640*1136dp,屏幕为4英寸。 1.计算ppi PPI，即PixelsPerInch所表示的是每英寸所拥有的像素（Pixel）数目。因此PPI数值越高，即代表显示屏能够以越高的密度显示图像。当然，显示的密度越高，拟真度就越高。 手机屏幕距离你的眼睛10-12英寸(约25-30厘米)时，它的分辨率只要达到300...
手机屏幕尺寸和分辨率一览表
09-11
手机屏幕尺寸和分辨率一览表（很全很好很强大）开发必备
安卓app手机移动开发之前端屏幕适配技术详解.zip
01-06
安卓app手机移动开发之前端屏幕适配技术详解.zip 英寸 分辨率 设备独立像素 视口 1px问题 移动端适配方案 甜酸 iPhoneX留海儿 横屏适配 解决图片模糊问题
深入理解移动前端开发之viewport
10-17
【移动前端开发之深入理解viewport】 移动前端开发中，viewport是一个至关重要的概念，尤其是在处理不同分辨率的移动设备上的网页适配问题。Viewport可以简单理解为移动设备屏幕上用于展示网页的实际可视区域，通常...
Web知识-前端面试题集合
02-27
- **相同点**：`rem`、`em`、`vw`、`vh`、`vw` 都是前端开发中除 `px` 单位外的其他单位。 - **不同点**： - **px**：像素单位，是绝对单位，代表具体尺寸。 - **rem**：相对于根元素的字体大小进行设置。 - **...
Web前端开发中级实操考试评分细则_V1.01
08-08
【Web前端开发中级实操考试评分细则】主要涵盖了Web前端开发中的核心概念和技术，包括HTML、CSS、JavaScript以及数据库操作等方面的知识。以下是对各个知识点的详细说明： 1. **device-width**：在响应式设计中，`...
非响应式上海精基实业有限公司_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
08-02
响应式设计的关键在于媒体查询（Media Queries），通过CSS3中的这一特性，我们可以根据设备的视口宽度、设备像素比等条件定义不同的样式规则。例如，使用 `@media screen and (max-width: 600px) {}` 就可以设置在...
作为前端需要知道的逻辑像素、设备像素、dpr、dpi...
最新发布
xdididi的博客
03-21 591
作为前端开发者，我们经常需要面对各种不同的屏幕，如 PC、iPad、移动端等。这些屏幕的尺寸和分辨率各不相同，因此我们在 CSS 中设置的相同像素单位（px）在不同屏幕上的显示效果也会有所差异。如果你想深入了解其中的原因，那么就跟着本文一起探究一下像素的奥秘吧。首先我们需要知道什么是?设备像素，也称为物理像素，是指屏幕上的实际像素。我们都知道，屏幕是由许多小方块组成的，每个小方块只能显示一种颜色，而这 1 个小方块就是 1 个设备像素。每个设备的设备像素大小都不同，而且它们在出厂时就已经确定了每个设备像素的
前端开发工具Axure——Axure原型图查看
WXY19951125的博客
07-16 1940
1.找到Axure文件夹里的 index.html，选择打开方式为IE浏览器，可以直接打开访问。打开过程中会弹出一个提示，点允许就好了 2.在Chrome浏览器打开，安装插件方法。可以参考：https://www.axure.com.cn/79769/ ① 点击浏览器的右上角选择更多工具->扩展程序，打开扩展程序界面。在页面右上角打开【开发者模式】 ②下载最新扩展程序，解压得到一个axure_chrome_extension_V0.6.3的文件夹 ...
获取手机像素，密度和宽高（dp）
noige的博客
04-24 1560
// 获取手机像素，密度和宽高（dp） WindowManager wm = (WindowManager) MainActivity.this.getSystemService(Context.WINDOW_SERVICE); DisplayMetrics dm = new DisplayMetrics...
前端---【移动端开发的屏幕适配】
m0_61307468的博客
07-14 2318
dpr = 物理像素 / 设备独立像素,适配场景：实际开发中上线后的移动端项目需要在不同的手机上供用户使用访问，不同的手机屏幕尺寸大小不一样。关键点：等比。pc端视口的默认宽度和浏览器窗口的宽度一致；在 css 标准文档中，视口也被称为：初始包含块； 它是所有 css 百分比宽度推算的根源；方法：拿到设计稿之后，设置布局视口宽度为设计稿宽度，然后直接按照设计稿给宽高进行布局即可。 优点：不用复杂的计算，直接使用图稿上标注的px值 缺点： 有些不希望被适配的东西，例如边框，也被适配了，导致比设计稿大的设
CSS媒体查询-物理像素-逻辑像素
m0_71485750的博客
08-04 1217
比如你购买了一台显示器，在操作系统上是以1920x1080设置的显示分辨率，那么无论你购买的是2k、4k的显示器，对于开发者来说，都是1920x1080的大小。1em相对的是自身font-size的大小,在除了font-size之外的属性中使用em,都是相对自己的font-size。使用相对单位的好处是，经过一些仔细的规划，您可以使文本或其他元素的大小与页面上的其他内容相对应；如果在font-size属性中使用em单位,那么是相对父元素的font-size的大小。...
深入了解viewport和px
yzpbright的博客
05-02 495
原文：http://www.tuquu.com/Tutorial/wd2953.html 发现图趣网关于界面设计的不错啊，有空去多看看，下面是原文： 深入了解viewport和px   2015-9-24 10:55:09来源：腾讯Tgideas热度：1201℃ 字体：大 中 小 刚开始接触移动页面重构，是不是很迷惑应该按照多大的尺寸制作?320
viewport手机逻辑像素与物理像素原理（附完整手机各版本尺寸）
热门推荐
谢泽的网络日志
12-27 2万+
每英寸有多少个像素，称为ppi(pixel per inch)。我们可以简单算算，iPhone 4是640 x 960像素，对角线就是1154像素，除以3.5英寸，应该是330ppi。而官方给出的数字是326ppi。当像素太密，超过300ppi的时候，人眼 也就不能区分出每个像素。因此iPhone 4的屏幕叫作Retina显示屏。Retina在英文中，是视网膜的意思。
移动端web页面知识小结之像素、物理像素、逻辑像素
aiolos1111的专栏
07-11 1万+
一直以来，本人对移动端分辨率、像素等概念傻傻分不清，特查阅多位牛人博客后总结如下要点，以便日后查看。 文档来源http://weizhifeng.net/you-should-know-about-dpi.html http://www.chinaz.com/manage/2015/0902/441624.shtml http://www.cnblogs.com/2050/p/3877280
移动端1像素问题及解决方案
@随性的博客
11-01 2760
为什么存在一像素问题 因为在移动端，由于屏幕分辨率的不同，现在分为一倍屏、二倍屏、三倍屏。在不同的分辨率上，有可能一像素被渲然成二个像素点或者三个像素点，所以在实际写代码的时候，我们写的 border: 1px solid #000; 可能实际被渲然为 2px/3px；即在移动端的 CSS 写了 1px，实际上显示会比 1px 粗。 border: solid 1px; 在移动端的 HTML 的 header 中添加下述代码，意思是本页面的 viewport 宽度为设备宽度，初始缩放值和最大缩放值是 1，禁
前端app开发面试题
09-16
前端app开发面试题通常涉及以下几个方面： 1. HTML和CSS：提问关于HTML标签的使用和CSS样式的应用，例如如何实现页面布局、如何进行盒模型布局、如何实现响应式设计等。 答案示例：HTML和CSS是前端开发的基础，我了解不同的HTML标签和属性的用法，可以使用DIV+CSS进行页面布局，也可以使用CSS媒体查询实现响应式设计。 2. JavaScript：提问关于原生JavaScript的使用，例如变量声明、数据类型、函数的定义和调用、DOM操作等。 答案示例：我了解JavaScript的基本语法，能够熟练地使用变量、数据类型、条件语句和循环语句等。我也了解DOM的操作，可以通过JavaScript动态地修改页面内容和样式。 3. 前端框架和库：提问关于常用的前端框架和库，例如React、Vue、Angular等，并要求了解其基本用法和特点。 答案示例：我有一定的经验使用React框架进行前端开发，了解React组件的编写和数据的状态管理。同时，我也了解Vue框架的使用，并能够使用Vue进行数据绑定和组件的开发。 4. 接口调用和数据处理：提问关于前后端数据交互的方式，例如RESTful API的调用、数据的处理和展示等。 答案示例：我能够通过AJAX或者fetch等方式调用后台接口获取数据，并对数据进行处理和展示。同时，我也了解JSON数据格式的使用和解析。 综上所述，我在HTML、CSS、JavaScript以及常用前端框架和库方面都有一定的了解和经验，能够进行前端app开发工作。同时，我也注重与后端开发人员的协作和沟通，以便更好地完成工作任务。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值