相关疑难解决方法(0)

是否可以在没有滚动条的情况下计算视口宽度(vw)?

如标题中所述,是否可以vw仅在css中计算没有滚动条的情况?

例如,我的屏幕宽度为1920px.vw回来1920px,太好了.但我的实际身体宽度只是像1903px.

有没有办法让我1903px只用css 检索值(不仅是直接的孩子body),还是我绝对需要JavaScript呢?

css viewport-units

56
推荐指数
5
解决办法
3万
查看次数

宽度:100%和宽度:100vw之间的差异?

我必须在屏幕高度上安装iframe.显然,我想要100%的宽度,但由于这不起作用,我使用了100vh.但是vh像vw并不完全是100%.在我的笔记本电脑通过镀铬,而100%宽度完美呈现,而不需要水平滚动条,大众额外约1厘米.

css html5 css3

37
推荐指数
3
解决办法
7万
查看次数

防止100vw创建水平滚动

如果元素设置为width: 100vw;并且存在垂直滚动条,则元素的宽度将等于视口加上滚动条的宽度.

有可能阻止这种情况吗?

是否可以在不禁用整个页面的水平滚动的情况下防止这种情况?除了改变我的css/markup以使元素100%的宽度,我无法想到任何东西.

在Windows 8.1上经过Chrome版本43.0.2357.81 m&FF 36.0.1和Opera 20.0.1387.91测试

这是所要求的代码:

HTML

<div class="parent">
    <div class="box"></div>
</div>
<div class="tall"></div>
Run Code Online (Sandbox Code Playgroud)

CSS

body { margin: 0; }
html { box-sizing: border-box; }
*, *::before, *::after {
    box-sizing: inherit;
    position: relative;
}
.parent {
    background: rgba(0, 0, 0, .4);
    height: 100px;
    width: 5rem;
    margin-bottom: 25px;
}

.box {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
    height: 50px;
    width: 100vw;
}

.tall {
    height: 100rem;
}
Run Code Online (Sandbox Code Playgroud)

css scroll css3

36
推荐指数
3
解决办法
2万
查看次数

标签 统计

css ×3

css3 ×2

html5 ×1

scroll ×1

viewport-units ×1