我有一个网站,http://raptorshop.com使用JavaScript使用Drupal
目前,我已经设置了CSS来有700像素一个最小高度,但是我想对于每一个页面自动记录浏览器的大小,相应地调整大小(以便页脚大约有50-200px,具体取决于浏览器大小,但仅此而已)。目前,如果您在小型监视器上浏览该网站,则会显示滚动条,这是我不想要的。
有没有办法在Drupal中做到这一点?我知道如何为单个页面执行此操作,但我希望每个页面都能执行这种自动检查/调整大小。
我有一个网站,http://raptorshop.com使用JavaScript使用Drupal
目前,我已经设置了CSS来有700像素一个最小高度,但是我想对于每一个页面自动记录浏览器的大小,相应地调整大小(以便页脚大约有50-200px,具体取决于浏览器大小,但仅此而已)。目前,如果您在小型监视器上浏览该网站,则会显示滚动条,这是我不想要的。
有没有办法在Drupal中做到这一点?我知道如何为单个页面执行此操作,但我希望每个页面都能执行这种自动检查/调整大小。
你可以很容易地检查与jQuery窗口高度,然后根据需要更改CSS。
举例:
$(document).ready(function(){
if ($(window).height() < 700)
{
// this window is smaller than 700px
}
else
{
// this window is bigger than 700px
}
});
您将不得不编辑一些模板文件,例如网站页眉和页脚的模板文件。在这些中,这听起来像你真正想要实现的是一个CSS粘滞页脚。
你可以得到那些在这里的一个:http://www.cssstickyfooter.com/
什么CSS设置为700px?预期的结果是什么? – Nightfirecat
P.S.这听起来像你可能需要使用'max-height'而不是'min-height'。 – Nightfirecat