Html 如何做到滑块100%宽度和高度?
如何做到滑块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:
放大或缩小时,它不会更改。它就像是固定的。基本上应该足以将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%)。怎么做?