当前位置: 首页 > 知识库问答 >
问题:

html - 平板中使用Chrome/Edge 显示的分辨率为实际的一半。怎么解决?

卞坚成
2024-02-21

分辨率是2000*1200 实际显示为 1000*600

好多大小就有问题了。

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Document</title></head><body>  <div id="app"></div>  <script>    let app = document.querySelector('#app')    var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;    var screenHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;    app.textContent = `${screenWidth}, ${screenHeight}`  </script></body></html><style>  * {    margin: 0;    padding: 0;  }  #app {    width: 100%;    height: 100vh;  }</style>

共有2个答案

穆德海
2024-02-21
  1. 逻辑像素和物理像素的问题;
  2. 系统缩放问题(设置 - 系统 - 显示 - 缩放与布局 - 更改文本、应用等项目大小)

使用 devicePixelRatio 这个API检查一下像素比。

雷飞虎
2024-02-21

一个是物理像素,一个是逻辑像素吧,这有啥问题

 类似资料:
  • 问题内容: 使用python函数调整显示分辨率的大小。它应该是跨平台的,即支持Windows,Linux和Mac(根据操作系统的不同,可以有多种情况) 我有我认为可以在linux(Ubuntu)上运行的代码,我正在寻找Windows和Mac的解决方案(应同时支持32位和64位计算机) 如果有人能告诉我如何获得Windows和Mac的可能的显示分辨率,我也将不胜感激 我在linux上的功能是这样的:

  • 问题内容: 我只是想知道我是否有可能在Pygame中获得显示器的分辨率,然后使用这些尺寸创建一个窗口,以便启动程序来检测显示器的分辨率,然后将窗口自动适合全屏显示。 我目前正在使用该窗口。我知道您可以使用来获得包括显示器分辨率在内的视频信息,但是如何提取这些值,然后在???中使用它们呢? 在此先感谢Ilmiont 问题答案: 您可以使用: 该文件说: current_h,current_w:当前视

  • 如何通过编程创建一个图像/图标/位图,仅使用SE即无库,在Java中显示n个分辨率。 e、 g.一系列解决方案,如 到 分辨率的位置无关紧要,但最好如图所示。 使用自定义颜色/字体?甚至可能只是一行,而不是固体填充?

  • 好的,这里有一个奇怪的问题,我有问题(用gcc btw编译) 下面是用于命令提示的Mandelbrot分形生成器的源代码。我以前做过这项工作,我想加快自己的测试速度,看看我能以多快的速度生成命令提示符中实际生成Mandelbrot分形所需的代码。我经常这样做是为了给自己找点乐子 不管怎样,我遇到了一个新问题,我不太明白问题是什么。当分形呈现时,无论我设置了多少次迭代或什么转义值,它都将始终显示为椭

  • Android设备具有mdpi、hdpi、xhdpi、xxhdpi等屏幕分辨率。在Android系统中编程时,我会用这些分辨率为手机编写不同的代码。但Flutter是android和ios的开发环境。我需要为不同分辨率的android和ios手机分别编程吗?ios中是否有mdpi、hdpi、xhdpi等分辨率?

  • 本文向大家介绍你对视网膜(Retina)分辨率有了解吗?有没有在实际中使用过?相关面试题,主要包含被问及你对视网膜(Retina)分辨率有了解吗?有没有在实际中使用过?时的应答技巧和注意事项,需要的朋友参考一下 分辨率指的是屏幕的物理分辨率达到了使得人眼难以看到单个物理像素; 具体应用应该就是的屏幕适配,需要根据不同给出合适尺寸的图片;