2009-05-26 139 views
3

我有一個在他們的顯示器上的分辨率寬度爲1200的客戶端,我需要最大化我的網站的寬度,但我不希望客戶端必須使用水平滾動條。您可以在IE 7中的網站中使用的最大寬度,屏幕分辨率爲1200,而無需使用水平滾動條(其他用戶將具有更大的寬度,並且所有用戶必須具有相同的寬度)?IE瀏覽器滾動條的寬度?

額外的信息 - 該網站已經建成,不能使用100%的寬度,因爲這在非文本的網站有壞結果。是的,分辨率是1200寬度(客戶端有一個1920 X 1200分辨率的顯示器,它的側面)。

操作系統是Vista和作爲客戶端是政府,他將有Vista的至少到2010年,並且不能改變他的主題/瀏覽器等

+0

你確定他們的分辨率不是1280? – ceejayoz 2009-05-26 16:09:47

+2

我敢打賭,這取決於當前的主題,瀏覽器版本和月相。 – sisve 2009-05-26 16:12:56

+0

查看更多信息。必須有一個默認值,並且這個默認值是我想要找到的。 – 2009-05-26 16:42:14

回答

1

只是不要硬編碼任何像素寬度?

1

這似乎不太可能是你要把它精確到像素;由於用戶可以更改其Windows主題,因此右側滾動條的寬度可能會有所不同。

我見過的大多數網站都是這樣做的,它們允許他們的網站使用CSS「浮動」到頁面的寬度。

+0

我的用戶實際上不能改變他們的主題,並且滾動條的寬度不會改變,因爲所有的機器都會有完全相同的配置。 – 2009-05-26 16:50:36

9

怎麼樣:

body{ 
    width:100%; 
} 

,並通過我的意思是,讓用戶的規模瀏覽器爲所欲爲,並讓您的內容符合他們的屏幕。

更新:

隨着用戶已經注意到下面,有時100%是一個有點太...對於那些情況下,我會極力推薦這article & demo卡梅倫·亞當斯(該名男子在藍)應用流體佈局,將瀏覽器的寬度重新排列內容/ CSS基礎。

+0

如果我可以多次投票,你會得到我的整個每日分配票數。 – 2009-05-26 17:10:12

+0

這可能是政治上正確的迴應,但它很少實用。即使是一種適合客戶設計要求的流體寬度的中等複雜設計也是非常困難的。大多數設計看起來超過1500像素左右,因爲段落趨於變長,空白和顏色塊壓倒了文本。圖像通常太短,平鋪變得重複。例如,除/以外。你有多少優秀的商業網站,你看到一個真正流暢的寬度? – SpliFF 2009-05-27 01:27:55

2

簡單,最大寬度是100%。

儘管如此,您可能有什麼可能的理由來設計一個網站到單人電腦的規模?當他們購買新電腦時會發生什麼?

我設計任何固定寬度的網站大約900-1000像素和居中。這是大多數網站採取的一般方法,我強烈建議您不要偏離它,除非您的設計能夠使用百分比寬度。如果您按照這些條款對其進行解釋並向他們展示遵循此行爲的數千個熱門網站,您的客戶就會明白。

15

你問了兩個問題,真的。要回答這個問題標題:

20像素(IE7,Windows XP中,默認主題)

其他人都做了回答,真正的問題的一個偉大的工作。

1

如果您不想將css中的主體寬度設置爲100%,請將其設置爲95%左右。這仍然允許頁面展開/收縮到最終用戶所需的寬度,只有400寬度而沒有水平滾動。

無論您是使用最小或最大頁面寬度,以下公式都適用於您。

$safe_PgWidth_Percentage = (1 - (20/$minPageWidth)); 

雖然在受限環境中的用戶可能無法改變自己的操作系統,瀏覽器,等等。我無法想象,他們將不能夠抓住他們的瀏覽器窗口的角落,減少或放大拖動。

這就是您的評論者所做的。將身體編碼爲百分比,實際上儘可能接近100%,負責處理可用性問題,包括修復水平滾動困境。