Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/kubernetes/5.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 如何做到滑块100%宽度和高度?_Html_Css_Slider - Fatal编程技术网

Html 如何做到滑块100%宽度和高度?

Html 如何做到滑块100%宽度和高度?,html,css,slider,Html,Css,Slider,如何做到滑块100%宽度和高度? 放大或缩小时,它不会更改。它就像是固定的。基本上应该足以将height属性设置为100vh值,它应该可以做到这一点。宽度属性可以保持在100% 编辑它是vh而不是vm答案已更新 /* keyframes*/ @keyframes slideShow { 0% { opacity: 0; transform:scale(1); -ms-transform:scale(1); } 5% { opacity: 1 } 25% { opacity:

如何做到滑块100%宽度和高度?
放大或缩小时,它不会更改。它就像是固定的。

基本上应该足以将height属性设置为100vh值,它应该可以做到这一点。宽度属性可以保持在100%

编辑它是vh而不是vm

答案已更新

/* keyframes*/

@keyframes 
slideShow {  0% {
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 100% {
 opacity: 0;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}
 @-o-keyframes 
slideShow {  0% {
 opacity: 0;
 -o-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -o-transform:scale(1);
}
 100% {
 opacity: 0;
 -o-transformm:scale(1);
}
}
 @-moz-keyframes 
slideShow {  0% {
 opacity: 0;
 -moz-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -moz-transform:scale(1);
}
 100% {
 opacity: 0;
 -moz-transformm:scale(1);
}
}
 @-webkit-keyframes 
slideShow {  0% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 100% {
 opacity: 0;
 -webkit-transformm:scale(1);
}
}

使用现有样式更新此样式。

您尝试了什么?你能发布你的代码吗?它不工作。宽度效果很好,但问题在于高度高度有什么问题?我希望我的高度(第一个块滑块的高度)与放大或缩小时的一样,第一个块必须适合浏览器(100%)。怎么做?