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

前端 - 这个代码对 影响window.screen 高度与宽度是什么?

常光明
2023-07-11
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

这个代码对 影响window.screen 高度与宽度是什么

物理分辨率:即硬件所支持的(比如:手机的分辨率)】和【逻辑分辨率:即软件所能到达(比如:各种像素单位在不同屏幕下,设备像素比例是不同的)

共有1个答案

唐高朗
2023-07-11

不知道想说的影响 window.srcrenn 高度和宽度是指什么。我觉得其实并不会被 meta:viewport 所影响。返回的都是屏幕的宽高像素。

其实就是看一下 meta:viewport 和 Screen 的文档:

  • width=device-width:控制视口的大小。特殊值 device-width,即 100vw100% 的视口宽度;
  • initial-scale=1:控制页面首次加载时显示的缩放倍数;
  • maximum-scale=1:控制页面允许放大的倍数;
  • Screen.height:以像素为单位返回屏幕的高度。;
  • Screen.width:返回屏幕的宽度。

主要区别就是视窗和视口的概念和区别,具体了解可以看 �� 视口概念 - CSS:层叠样式表 | MDN

如果想要看物理像素和逻辑像素的比率,可以使用 Window.devicePixelRatio - Web API 接口参考 | MDN 这个API来获取。

 类似资料:
  • 组件的高度和宽度决定了其在屏幕上显示的尺寸。 指定宽高 最简单的给组件设定尺寸的方式就是在样式中指定固定的 width 和 height 。React Native 中的尺寸都是无单位的,表示的是与设备像素密度无关的逻辑像素点。 export default class HelloWorld extends Component { render() { return ( <

  • 问题内容: 我知道什么是绝对位置和相对位置,但是我仍然不清楚一些要点。以供参考 CSS: 的HTML: 现在的要点是: 相对div自动采用100%宽度,但绝对div仅采用内容宽度。为什么? 当我给高度100%时,相对div无效,但绝对div的高度为100%。为什么? 当我给margin-top:30px时,它也偏移绝对div,但是当我给top:30px时,则只有相对div偏移。为什么? 当我不给绝

  • Material design 中的对象与现实生活中的对象具有相似的性质。在现实生活中,不同对象可以被堆积或粘贴起来,但是不能彼此交叉。对象自身塑造了自己的阴影并返回自己的光影。 依据这些性质所构造出来的空间模型对于用户来说是非常熟悉的,这一模型也可以被长期应用于移动应用当中。支撑这一空间模型的正是“高度”(Elevation)和“光影”(Shadows)这两个概念。 高度(安卓) 阴影 元素关系

  • 主要内容:1. width,2. height,3. max-width 和 max-height,4. min-width 和 min-heightCSS 尺寸属性指的就是元素的宽度和高度属性,虽然说非常简单,但却是必须掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等几个属性来设置元素的宽度和高度,这些元素使用起来非常简单,下面我们就来简单介绍一下。 1. width 通过 width 属性可以设

  • 我有一个Vue组件,在它里面我有一个img,我需要得到图像尺寸,最好是在显示图像之前(通过宽度或高度来适应容器)。 该代码可能无法工作,映像src可以返回401(还不确定),我们使用代理并从服务器上的存储桶中获取该文件。比如/api/getStorageResource?斑点= 我能做什么呢? 有了链接,我可以通过axios获取图像并将其设置为元素,而不是

  • 我对Java UI相对较新,希望您能帮助我解决一个简单的问题。 我有一个,类型为。部分包含一个组合框。 如何确保组合框扩大宽度而不扩大高度? 在中还有一个按钮。我希望这个纽扣一点也不要伸长。