Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.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/css/34.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
Javascript 使图像占据整个视口_Javascript_Css_Vue.js_Sass_Viewport - Fatal编程技术网

Javascript 使图像占据整个视口

Javascript 使图像占据整个视口,javascript,css,vue.js,sass,viewport,Javascript,Css,Vue.js,Sass,Viewport,我有这个德夫。如果单击图像,它将弹出一个照片滑块(使用Photosweep)。有没有办法制作图像 占据整个视口?我试过高度:100vh,宽度:auto,但没有成功 您可以随时申请: .container { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 1000; } 对容器来说,这是可以完成的,但就正确构造内容而言,这是相当严重的。无法查看您的网站

我有这个德夫。如果单击图像,它将弹出一个照片滑块(使用Photosweep)。有没有办法制作图像 占据整个视口?我试过高度:100vh,宽度:auto,但没有成功


您可以随时申请:

.container {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000;
}

对容器来说,这是可以完成的,但就正确构造内容而言,这是相当严重的。

无法查看您的网站及其重定向到登录屏幕的链接。@HassanSiddiqui,好的,很抱歉。让我想想。