问题标签 [viewport-units]

一些代码根据视口调整字体大小。这就是我在身体有最小宽度之后的样子。一旦超过这个最小宽度，文本的视口缩放将如何停止。

要么需要一些最小字体大小，要么需要将字体大小映射到父元素的大小。这可以在没有 JS 的情况下完成吗？

So I need to make evenly spaced out elements for gallery but apparently 1vw =/= 2 * 0.5vw

So the gallery container is 80vw so if I want 4 divs evenly spaced out I do 80/4=20, 20-1=19, 1/2=0.5, right? I can't understand why it displays so strangely.

EDIT: My question is how to make it behave the way it should

我目前正在使用如下所示的标记。它确实以全高显示第一部分，无论分辨率如何（这是重点），但是当我滚动到下半部分时，会有很大的空白空间。我如何摆脱这种差距并无缝过渡（我使用锚样式导航到下半场）

我尝试使用仅vh尺寸创建登录表单。这样做是为了希望表单总体上会根据视口进行缩放。

它没有！出于某种原因，放大会在输入字段和下面的文本之间创建一个空白区域，该空白区域会随着您的放大而变得越来越大。

http://jsfiddle.net/TnY3L/

小提琴制作得不是很好，只是从我的项目中复制的。但你可以看到哪里出了问题——这才是最重要的。

任何人都知道我将如何解决这个问题？

我希望让一个名为 nav 的 div （位于最顶部）占据整个屏幕高度，即使调整屏幕大小也是如此。这是我的索引文件中包含的脚本，但它不起作用。（我尝试使用 height: 100vh，但这对我也不起作用。）

我有一个 div 是vh屏幕的 1/5。我希望该 div 中的图像垂直居中。我能够将它水平居中，但到目前为止已经尝试了以下代码：

http://jsfiddle.net/ws91188y/1/

所以我最近一直在使用 CSS3 中的vhandvw单元，并且喜欢它们的工作方式。不幸的是，只有现代版本的浏览器才支持它们，我不得不找到一种解决方法来获得我想要的网站外观。

经过研究，我发现在 JQuery 中制作的另一个线程上的修复程序可以完美运行，直到对视口的大小进行更改（即调整窗口的比例，或者将移动设备转向另一种方式。 ) 当你这样做时，div 的高度会在页面下方大幅增加。如果您能帮助我解决这个问题，我将不胜感激。

我正在处理的网站是： http: //phantommarketing.co.uk/rapidengineering/index.html

受影响区域的 HTML，带有激活的内嵌 Javascript

Javascript

这个 CSS 应该给我视口的准确（100%）尺寸。但它显然太大了，因为它导致页面溢出。

它不是填充、边距或轮廓，因为我删除了所有这些。

注意当我添加两个具有这些尺寸的 div 时，它似乎只会“增长”大于投影尺寸。（但在 jsfiddle 中总是如此）

http://jsfiddle.net/0psu7ys6/

我是否应该将其视为错误并编写解决方法？还是我错过了什么？

所以我有 2 个 div，一个有height:50vmin，另一个有border-bottom:50vmin solid #000。现在这些应该是相同的“大小”，尽管 50% 的情况下这两者之间存在微小偏差，其中一个是 320 像素，另一个是 320.500 像素。（问题主要发生在快速最大化或调整大小后）

关于如何在这里获得一致的响应大小的任何想法？

CODEPEN
http://codepen.io/LiamMartens/pen/bddrRB

根据如何正确使用 css-values viewport-relative-lengths？，我尝试通过以下方式使用视口单位，以自动放大大显示器上的小页面：

但是，在 Google Chrome 中进行测试时，它使缩放功能大部分停止工作。

缩放是 Chrome 中的一个错误/功能，会立即停止使用上述代码，还是设计和规范？