Html 全屏幕宽度,同时保持文档流
我在一个最大宽度为960px的站点模板中工作,我无法更改它。但我有一个内容页,需要使用全屏。比如说:Html 全屏幕宽度,同时保持文档流,html,css,Html,Css,我在一个最大宽度为960px的站点模板中工作,我无法更改它。但我有一个内容页,需要使用全屏。比如说: 。我的内容{ 宽度:100vw; 左边距:计算((960px-100vw)/2); } /*或对于较旧的浏览器:*/ .我的内容{ 宽度:100vw; 左边距:50%; 转化:translateX(-50%); } /*或者对于像地狱一样古老的浏览器:*/ .我的内容{ 宽度:100vw; 左边距:50%; 位置:相对位置; 左:-50vw; }请发布更多的HTML和CSS-你的最小代码有点太
。我的内容{
宽度:100vw;
左边距:计算((960px-100vw)/2);
}
/*或对于较旧的浏览器:*/
.我的内容{
宽度:100vw;
左边距:50%;
转化:translateX(-50%);
}
/*或者对于像地狱一样古老的浏览器:*/
.我的内容{
宽度:100vw;
左边距:50%;
位置:相对位置;
左:-50vw;
}
请发布更多的HTML和CSS-你的最小代码有点太小:)你能为这个页面添加CSS以获得最大宽度:100%而不是最大宽度:960px吗?对于class=“我的内容”
和对于class=“site template”
使用position:relative
怎么样。但是我们需要你提供更多的实用代码。@Keith:不,因为那样会弄乱页眉和页脚中的东西,而页眉和页脚中的东西会与我无法控制的大量样式交互。Genius,工作得很好。谢谢