当前位置: 首页 > 面试题库 >

CSS:是否广泛支持视图高度(vh)和视图宽度(vw)单位?

闻人花蜂
2023-03-14
问题内容

我正在使用100vh将div以行高垂直居中。该网站对vh和vw的支持率约为70%,这是一个公平的评估吗?建立网站时,您是否建议使用视口单位?我知道这有点主观,我只是在寻求比我更有经验的Web开发人员的意见。

编辑:感谢大家的投入,我希望它在移动设备上看起来不错,所以我想我不得不放弃vh。


问题答案:

在我看来,该统计数据显然是很公平的评估。

我认为必须由您来决定。如果您想使用最新的,最先进的技术来对您的网站进行过时的验证,但又知道当前存在一些崩溃,那就太好了。

如果您不准备对在线业务投入更多资金,那么请遵循旧的方式,这绝对不是错误的。

编辑:当我想创建响应式设计时,我首先开始为移动设备开发,然后创建桌面版本,以确保所有视口都能正常工作,因为某些时候缺少移动支持(尤其是vmax)。但是,您可能会问50个人,他们都有可能说其他的话是相当不错的。



 类似资料:
  • 我见过很多关于如何分别设置ImageView和GridView的高度和宽度的问题。这里,这里,还有这里 但是,我想知道如何设置两者。 这是我的设置。在我的GridView中,我有一个ImageView和一个TextView。我有一些不同宽度和大小的图像,我想调整它们的大小,使其始终是屏幕正方形大小的1/3。下面,我有一段文字描述。 这是我到目前为止的代码。。。 gallerygridview.xm

  • 问题内容: 有没有办法找出场景渲染部分的宽度? 例如,如果我们有一个宽度为100的网格,但是以一定的缩放级别进行渲染…我如何计算在屏幕上渲染的网格部分的宽度? 问题答案: 您必须在这里精确。 您可以根据给定相机的视场和距相机的给定距离,计算可见的矩形区域。 由于对象大概具有深度,因此您必须从网格中选取一个平面,然后以该距离进行计算。 这是计算可见光以及距相机给定距离的方法。 three.js r.

  • 问题内容: 指定图像高度和宽度的“正确”语义方式是什么?在CSS中… 或内联… ? CSS似乎是放置可视信息的正确位置。另一方面,很少有人会认为不应将图像“ src”指定为属性,并且高度/宽度似乎像“ src”那样与二进制图像数据相关。 (是的,我意识到从技术,最终用户的角度来看,这确实无关紧要。) 问题答案: 应该内联定义。如果使用的是img标签,则该图像应具有内容的语义值,这就是为什么需要al

  • 主要内容: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 属性可以设

  • 前面我们提到HTML元素的尺寸(高或宽)是动态的,会随着内容调整。不过我们也可以为元素设定固定的尺寸大小。 blockquote{ width: 600px;} 上面的 blockquote 将始终保持600px的宽度,如果浏览器窗口小于600px,将显示一个水平滚动条。 因为我们只设置了宽度,那么这个 blockquote 的高度仍然是动态的,会自动调整来适应内容。 CSS 溢出(overflo

  • 我正在尝试将CardView宽度与屏幕宽度匹配,但CardView的宽度与屏幕宽不匹配。我一次又一次地检查了我的代码,甚至使所有属性的宽度等于匹配的父级。 Recyclerview xml-- 卡片视图xml - 膨胀代码 这是屏幕截图