首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS:当父级更宽时,使子宽度适合视图吗?

CSS:当父级更宽时,使子宽度适合视图吗?
EN

Stack Overflow用户
提问于 2013-10-23 03:45:28
回答 1查看 1.1K关注 0票数 1

仅在CSS中,当子元素的父元素比视图端口更宽时,是否有可能使子元素的宽度与它的视口相匹配?

我正在设计一个用户界面,以适应一个现有的,无响应的,固定宽度的网站布局,我还没有任何直接的控制,我希望我的界面至少响应适合移动屏幕,即使整体的网站布局没有。包含我的界面的页面至少能够为界面的样式加载额外的CSS文件,但是利用它来改变页面上使用我的界面的总体站点布局是一个不确定的命题。

如果CSS能够动态缩放我的接口DIV宽度以适应任何视口大小,我宁愿不必使用@media查询设置一系列固定宽度的断点。如需说明,请参阅此模型:

布局模型

...where i控制内容DIV,并希望其宽度适合任何视图端口,但我无法控制固定宽度容器、页眉和页脚DIV。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-23 03:54:56

是!

使用大众和vh单位。100 is等于视口宽度,100 the是视口高度。

http://css-tricks.com/viewport-sized-typography/

还请确保,在处理移动时要包括

<meta name="viewport" content="initial-scale=1" />

所以在默认情况下,它不会一直放大。

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

https://stackoverflow.com/questions/19532404

复制
相关文章

相似问题

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