Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/python-3.x/16.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 动态获取屏幕宽度并添加到div_Javascript_Jquery - Fatal编程技术网

Javascript 动态获取屏幕宽度并添加到div

Javascript 动态获取屏幕宽度并添加到div,javascript,jquery,Javascript,Jquery,我有一些代码获取屏幕宽度,然后获取其中的一个百分比以添加到div宽度。有没有一种方法可以使这个动态化,就像用户缩小屏幕大小而改变屏幕一样,它会更新?注意:我不能使用CSS%,因为该站点是一个水平滑块,所以CSS%会获取整个站点的宽度,而不是屏幕的宽度 //Get screen width then make the slide left content box 30% of that var screeWidth = $(window).width(); var left

我有一些代码获取屏幕宽度,然后获取其中的一个百分比以添加到div宽度。有没有一种方法可以使这个动态化,就像用户缩小屏幕大小而改变屏幕一样,它会更新?注意:我不能使用CSS%,因为该站点是一个水平滑块,所以CSS%会获取整个站点的宽度,而不是屏幕的宽度

//Get screen width then make the slide left content box 30% of that
      var screeWidth = $(window).width();
      var leftWidth = screeWidth * .38;
      $('.slideLeft').css('width', leftWidth);

为什么不使用CSS将
.slideLeft
的宽度设置为
38%
,或
38vw
?这样,它就可以自动响应,而不需要任何JS代码。就像我在帖子中说的,我不能。在fullpage.js中使用类似的css跨越整个站点的宽度,而不仅仅是屏幕。该站点是一个非常宽的水平滑块。等等,css VW只是用于视口吗?我不知道那件事。我会试试的。大众成功了。如果你回答这个问题,我会接受的。谢谢@罗里姆克罗桑