首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在计算中使用screen.width (css)

在计算中使用screen.width (css)
EN

Stack Overflow用户
提问于 2017-08-09 21:01:17
回答 3查看 40.4K关注 0票数 41

有没有在calc中使用screen.width的方法?如下所示:

代码语言:javascript
复制
 left: calc(250px + screen.width - 1024px)!important;

它适用于@media(max-width: 1024px)无法工作的具体情况。

EN

回答 3

Stack Overflow用户

发布于 2017-08-09 21:04:52

可以使用vw单位相对于视口宽度调整对象的大小,因此请尝试执行以下操作:

代码语言:javascript
复制
left: calc(250px + 100vw - 1024px) !important;
票数 6
EN

Stack Overflow用户

发布于 2017-08-09 21:06:01

这可能行不通,我会这样做:calc(100vw - 774px); (1024 - 250 = 774)

vw -视图宽度

票数 2
EN

Stack Overflow用户

发布于 2018-06-20 05:55:40

Afaik没有办法在计算公式中获得“实际视口宽度”:(

票数 -6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45591449

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档