Questions tagged «viewport-units»

我有一个非常奇怪的问题……在每个浏览器和移动版本中，我都遇到以下问题： 加载页面时，所有浏览器都有一个顶部菜单（例如，显示地址栏），当您开始滚动页面时，该菜单会向上滑动。 有时仅在视口的可见部分计算100vh ，因此当浏览器栏向上滑动时100vh会增加（以像素为单位） 由于尺寸已更改，所有布局都会重新绘制和重新调整 对用户体验的不良影响 如何避免这个问题？当我第一次听说viewport-height时，我很兴奋，我以为可以将其用于固定高度块而不是使用javascript，但是现在我认为唯一的方法实际上是带有一些resize事件的javascript ... 您可以在以下示例中看到问题： 谁能帮我/建议CSS解决方案？ 简单的测试代码： 显示代码段 /* maybe i can track the issue whe it occours... */ $(function(){ var resized = -1; $(window).resize(function(){ $('#currenth').val( $('.vhbox').eq(1).height() ); if (++resized) $('#currenth').css('background:#00c'); }) .resize(); }) *{ margin:0; padding:0; } /* this is the box which should keep …

285 html  css  viewport-units 

我刚刚了解了一个新的不常见的CSS单元。vh并分别vw测量视口的高度和宽度百分比。 我从Stack Overflow看了这个问题，但它使单元看起来更加相似。 大众汽车和大众汽车部门如何运作 答案专门说 vw和vh分别是窗口宽度和高度的百分比：100vw是宽度的100％，80vw是80％，依此类推。 这似乎与%单位完全相同，这很常见。 在开发人员工具中，我尝试将值从vw / vh更改为％，反之亦然，并得到相同的结果。 两者之间有区别吗？如果没有，为什么要引入这些新单位CSS3？

138 css  viewport-units 

如标题中所述，是否可以vw仅在CSS中计算没有滚动条的？ 例如，我的屏幕宽度为1920px。vw回报1920px，很好。但我的实际身体宽度只有像1903px。 有没有办法让我1903px仅使用css检索值（不仅适用于的直接子项body），还是为此我绝对需要JavaScript吗？

82 css  viewport-units 

我想使用指定字体大小vw，如 font-size: 3vw; 但是，我也想将字体大小限制为36px。我如何才能获得与等效的max-font-size，这是使用媒体查询的唯一选择？

78 css  viewport-units