使网站符合浏览器的宽度和高度

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

我想这样做在JavaScript/jQuery的

我有这样的代码：

screen.width 
screen.height

我也试过jQuery的：

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

也有滚动条。

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

任何一个可以请帮助？

来源

2011-07-28 Tovi Klein-Berzon

考虑采取一个暗示从互联网上的所有大规模的网站，包括stackoverflow.com，只是选择一组宽度，让它居中。 – Andrew

这是不可能的。

没办法，你能适合你的内容全部显示分辨率（三思台iPad，智能手机[各有不同分辨率]，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

来源

2011-07-28 10:51:16

忘记所有情况下，普通的PC显示器都可以，任何方式都可以吗？ –

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

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

无需JS/jQuery的，只是包装内<div id="page_container"></div>

这也与人们调整浏览器窗口大小调整您的所有内容。

来源

2011-07-28 10:53:03 Semyazas

，除非在页面容器上设置了“overflow：hidden”，否则它将不起作用。但即使如此，如果你这样做了，你会错过一些或大部分内容，具体取决于你的分辨率和查看设备 –

你只需要处理嵌套元素宽度的百分比。对于面向图片的内容而言，这无论如何都是不可行的，在这种情况下，你面对的是固定的尺寸，但对于由div组成的流体布局，你可以做到这一点。 – Semyazas

@semyazas，没有伎俩，任何想法？ –

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

我发现这里的代码在http://support.microsoft.com/kb/287171，可以帮助你，尽管。这将根据用户屏幕分辨率调整屏幕高度和宽度。

还记得一些JavaScript不会在某些浏览器。我遇到了这个问题，弹出窗口，当它来改变屏幕尺寸，滚动条等...

来源

2011-07-28 13:37:05 lazoDev

使网站符合浏览器的宽度和高度

回答

相关问题