Question

我需要让我的网站完全适合用户的浏览器，这意味着任何浏览器和任何大小的显示器。我需要没有垂直和水平滚动条

我想在javascript / jquery中执行此操作

我有这段代码：

screen.width
screen.height

我也试过jquery：

$(window).height()
$(window).width()

也有滚动条。

这是唯一的方法吗？因为当我在我的网站上使用它时，我有垂直和水平滚动条。它很大。

任何人都可以帮忙吗？

Answer 1

这是不可能的。

你无法将你的内容与所有显示分辨率相匹配（想想ipads，智能手机[各有不同的分辨率]，30“显示器等）。

顺便说一下：

// both of these on their own do nothing.
$(window).height() // just returns to you the viewport height
$(window).width() // just returns to you the viewport width

Answer 2

body {height: 100%; width: 100%;}

div#page_container {height: 100%; width: 100%;}

不需要JS / jQuery，只需将所有内容包装在<div id="page_container"></div>

中

它还可以调整浏览器窗口大小。

Answer 3

我必须同意菲尔。将无法阻止用户屏幕的分辨率。这将是一个用户问题。出于这个原因，我总是以1024 x 768分辨率构建我的网站。有时甚至更低，取决于内容和目标受众（针对可能具有低分辨率设置的老年人的网站，以便他们可以阅读他们的屏幕）。这样，我知道我的东西将适合。大多数人现在都是一天，监视器的大小与它们相当，不会低于它。

我在http://support.microsoft.com/kb/287171找到了这段代码，可能会对您有所帮助。这将根据用户屏幕分辨率调整屏幕高度和宽度。

还要记住，某些JavaScript在某些浏览器中不起作用。在更改屏幕大小，滚动条等等时，我遇到了弹出窗口问题。

使网站完全适合浏览器的宽度和高度

3 个答案: