如何将滚动条与视口宽度单位一起考虑？
如何将滚动条与视口宽度单位一起考虑？
提问于 2016-01-16 18:57:12
我正在尝试开发一个类似于Netflix的旋转木马，但我无法使其响应。我一直在使用一个代码示例：
Link to example
在本例中，它具有硬编码的宽度和高度。我想让它使用响应性度量(百分比)。我想使用vw视口宽度单位，但这不适用于我，因为它不排除滚动条。因此，当我想让每个转盘项目的宽度为20vw (这样每个项目都是视区大小的20% )时，它们总是比我想要的要宽，因为视区不排除滚动条。
我该如何解决这个问题呢？
回答 1
Stack Overflow用户
发布于 2016-01-18 02:31:24
我举了一个例子：Link
在本例中，我想要显示五个项目，并在右侧显示一个箭头。第六项应该隐藏在箭头后面，但箭头宽度不正确。
每项宽度为18.4vw ( (100-8)/5=18.4)。正如你所看到的，我用4vw在左边和右边放了一个填充(所以，我减去8作为总宽度)，所以，我已经做了箭头层：
position:absolute;
right:0;
width:4vw;通过这种方式，箭头始终固定为右。
问题是，18.4vw是视区的度量值，由于存在滚动条，因此宽度不正确，因为滚动条宽度破坏了正确的度量值。
我不知道你是否明白我想做什么。
BR.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34826143
复制相关文章
相似问题
腾讯云开发者
