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

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分形所需的代码。我经常这样做是为了给自己找点乐子 不管怎样,我遇到了一个新问题,我不太明白问题是什么。当分形呈现时,无论我设置了多少次迭代或什么转义值,它都将始终显示为椭

  • 请问各位大伽:如何才能让显示的图片名称后面不显示分辨率,就像这样分辨率(1088X2163),不显示出来。请帮忙解决,谢谢了! 已经在对图片样式,名称等做了设置,未达到理解效果,希望得到答复,谢谢了!

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