问题标签 [viewport-units]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 使用 jQuery 在 vh 中设置的元素左属性添加/减去固定值
我有以下代码：
HTML：
CSS：
jQuery：
归功于@Zword。
首先，该功能似乎有问题。对于某些值，它可以工作，对于某些值，它不会返回正确的值。
以 150vh 为例，工作正常。
以 140vh 为例，无法正常工作。
基本上我需要的是能够为单击元素的属性添加或减去12当前vh值。left#my-div
css - 在确保最小宽度的同时按大众单位确定宽度
如何在上部尺寸上设置带有 vw 单位的 DIV，但确保最小宽度至少为 100 像素？
不管用...
css - 视口单元 div 内的百分比高度在 Safari 中不起作用
我有一个基于视口使用 vh 单位的 100% 高 div：
在这个 100% 高的 div 中，我需要一个 50% 高的 div：
在 Chrome 中运行良好，在 Safari 中不太好。认为它应该可以工作，但只有当我使用父 div 高度的固定值时才有效。它也不适用于最新的 iOS 7.1 的移动 Safari
演示：http: //jsfiddle.net/qQ8dm/
适用于固定高度： http: //jsfiddle.net/xbBcy/ & http://jsfiddle.net/xbBcy/1/
我知道，我可以将 50vh 用于父 div，但如果我只使用一次 vh 单位，简单的百分比高度可能更适合跨浏览器兼容性，更容易创建后备。
css - Safari 中的 CSS vw 和高度 100%
想出一个好的题目真的很难，因为不是几句话就能解释的。
高度为 100% 且父级在（视口宽度）中具有固定高度的元素vw在 Safari 上实际上并不是 100% 高（Mac Mavericks，不确定 Windows）。是 0。
我已经准备了一支笔来展示我的问题。使用 Chrome，内部元素的正确高度为 100%。对于 Safari (v7.0.2 (9537.74.9))，内部元素的高度为 0。
编辑：同样的错误发生在 iOS 7.1 的 iPhone 上
css - 大众实体中的字体大小 - 可调范围？
所以我开始想知道是否有办法使用 vw 调整字母大小的范围？可以说我们会有：
在桌面上字体会很大——而在移动屏幕上会很小。那么如果您仍然需要在媒体查询中重新调整它，那么使用 vw 有什么意义呢？！
android - 如何为旧版 android 浏览器实现响应字体的 vh 和 vw 字体大小单元？
似乎较旧的 android 浏览器不支持 css 中的 vh 和 vw 字体大小单位。有没有办法使用 vw 和 vh 或任何其他方式使字体在旧版 android 浏览器中响应？我有很多不同字体大小的文本，我不想使用媒体查询。
html - Safari CSS 规则 vh 单位？
有人知道是否有针对 Safari vh 规则的修复程序吗？
在所有浏览器中一切正常，但仅在 Safari 中无法识别？是否有针对 safari 的修复，我们可以在 css 中使用 VH 规则？
css - 如何在移动 Safari 中修复 vh(viewport unit) css？
我在我的一个项目中使用了 vh（视口单位）css，但在移动 safari 中它不起作用。看起来 Safari 不知道如何处理 vh，但它在其他浏览器中运行良好。我想在有或没有 vh 的情况下做出同样的效果，请帮助我。顺便说一句，我正在使用facebox。（高度：50% 不能正常工作）
html:
这是我的CSS：
css - 如何为 vh vw 编写 css 回退
谁能解释后备如何在 CSS 中工作？我正在尝试为 vh 和 vw 设置它，但显然我没有得到它......
这是我尝试的解决方案，但不起作用。每次都采用 height 属性。
CSS：
css - Safari：应用于父元素的 VH 单位不允许子元素的 100% 高度？
我有一个非常简单的情况，我想将一个容器元素设置为80vh，然后将内部 div 设置为该高度的 100%。在 Chrome 上这将正确呈现，但在 Safari 上，内部元素没有 100% 的80vh高度。
这是一个显示此问题的小提琴：http: //jsfiddle.net/neilff/24hZQ/
在 Chrome 中元素为蓝色，在 Safari 中为红色。是否有解决此问题的方法而不适用于div80vh的高度？.inner