Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 全屏幕宽度,同时保持文档流_Html_Css - Fatal编程技术网

Html 全屏幕宽度,同时保持文档流

Html 全屏幕宽度,同时保持文档流,html,css,Html,Css,我在一个最大宽度为960px的站点模板中工作,我无法更改它。但我有一个内容页,需要使用全屏。比如说: 。我的内容{ 宽度:100vw; 左边距:计算((960px-100vw)/2); } /*或对于较旧的浏览器:*/ .我的内容{ 宽度:100vw; 左边距:50%; 转化:translateX(-50%); } /*或者对于像地狱一样古老的浏览器:*/ .我的内容{ 宽度:100vw; 左边距:50%; 位置:相对位置; 左:-50vw; }请发布更多的HTML和CSS-你的最小代码有点太

我在一个最大宽度为960px的站点模板中工作,我无法更改它。但我有一个内容页,需要使用全屏。比如说:


。我的内容{
宽度:100vw;
左边距:计算((960px-100vw)/2);
}
/*或对于较旧的浏览器:*/
.我的内容{
宽度:100vw;
左边距:50%;
转化:translateX(-50%);
}
/*或者对于像地狱一样古老的浏览器:*/
.我的内容{
宽度:100vw;
左边距:50%;
位置:相对位置;
左:-50vw;

}
请发布更多的HTML和CSS-你的最小代码有点太小:)你能为这个页面添加CSS以获得最大宽度:100%而不是最大宽度:960px吗?对于
class=“我的内容”
对于
class=“site template”
使用
position:relative
怎么样。但是我们需要你提供更多的实用代码。@Keith:不,因为那样会弄乱页眉和页脚中的东西,而页眉和页脚中的东西会与我无法控制的大量样式交互。Genius,工作得很好。谢谢