如何让div全屏?

时间:2015-10-31 06:45:17

标签: javascript jquery html css

以下是两个网站http://mpremarks.comhttp://thegravity.net/supernova/

第一个的特色图像不是全屏,而第二个的特色图像是。

第二个网站上的一个div有一个类function getRecentDate($date_list,$curDate){ $curDate = strtotime($curDate); $mostRecent = array(); foreach($date_list as $date){ $diff = strtotime($date)-$curDate; if($diff>0){ $mostRecent[$diff] = $date; } } if(!empty($mostRecent)){ ksort($mostRecent); $mostRecent_key = key($mostRecent); if($mostRecent_key){ return $mostRecent[$mostRecent_key]; } }else{ return false; } } $date_list = array('15-05-2015','14-01-2015','18-03-2015','20-10-2016','12-12-2014','12-12-2015'); $curDate = '14-01-2015'; $get_recent = getRecentDate($date_list,$curDate); if($get_recent){ echo $get_recent; }else{ echo 'No recent date exists'; } ,其中包含以下参数:

forcefullwidth_wrapper_tp_banner

如果删除此课程,第二个网站的精选图片将与第一个网站的精选图片相同。所以我想如果我只是将这些参数添加到第一个网站上的div中,我将获得相同的结果。它没有发生。我尝试了很多CSS技巧,但他们没有帮助。所以我想我需要一些JS。请帮我解决这个问题。谢谢!

2 个答案:

答案 0 :(得分:0)

尝试使用jQuery方法$(window).width()$(window).height()来获取浏览器的维度。然后将这些尺寸应用于您的div:$('div.someClass').width($(window).width())$('div.someClass').height($(window).height())

答案 1 :(得分:0)

将css更改为

position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;