使網站符合瀏覽器的寬度和高度

我需要讓我的網站完全適合用戶的瀏覽器，這意味着任何瀏覽器和任何大小的顯示器。我需要有沒有滾動條垂直和水平使網站符合瀏覽器的寬度和高度

我想這樣做在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

使網站符合瀏覽器的寬度和高度

回答

相關問題