設置網頁寬度

我是網頁設計新手。我想設置頁面寬度，以便在800x600分辨率的屏幕中顯示。我通常使用表格，但是我在某處讀到過度使用表格會降低網站的性能。還有什麼我可以使用的，以及如何設置寬度？設置網頁寬度

2010-03-21 RKh

既然您是網頁設計新手，可以說：**請**不要設置您的網頁使用固定寬度。計算機屏幕的尺寸很多，人們喜歡將他們的瀏覽器窗口變成他們想要的尺寸。固定寬度的佈局（比如悲哀地）對用戶有效地說：「我不在乎你想要什麼，我要在X之前做Y，你只需要滾動或者改變你的窗口大小「。是的，它有時會讓你的生活變得更輕鬆，但是你的網站還是你的用戶？流暢的佈局（合理的;最小的寬度是好的）更爲尊重，並不那麼難。 – 2010-03-21 08:15:53

恕我直言，這是一個味道和用例的問題。當您的文本列寬度爲1900px時，您在動態寬度方面具有流體佈局時，會產生什麼感覺？很難閱讀。如果你有圖像按鈕等，很難衡量。所以我認爲這取決於Gmail使用靈活佈局的一個很好的例子，但SO是一個不使用它的好例子。 – david 2010-03-21 08:26:37

@david：在一個流暢的佈局中，我的文本列*不會是* 1900px寬，除非用戶有一個大尺寸的屏幕和一個全屏瀏覽器窗口，在這種情況下，他們顯然喜歡閱讀如此寬的文本列或他們不會那樣做。這取決於他們。可能有用於固定寬度佈局的用例（我不*立即*提出了一個，但是...），顯然在佈局中有固定寬度內容的用例*，但絕大多數的固定佈局我看不到（恕我直言）有效用例。 – 2010-03-21 11:49:44

是的，桌子是如此1995年....

現在，你應該使用的DIV和跨越。

http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

也W3Schools的是HTML初學者

但是，何必呢，你可以像網站的使用已經做出佈局常規資源： http://www.freelayouts.com/websites/html-templates

來源

2010-03-21 08:05:00 Faruz

它可能很難讓'div'正常工作，但當我完成時，我總是爲我的標記感到驕傲。 – 2010-03-21 08:45:06

Usings的DIV，而不是表看起來是這樣的

<div style="width:800px"> 
    <!-- your content here --> 
    </div>

這產生列800像素的寬度。請記住，您通常可以將樣式定義放在外部* .css文件中。實際上你也會有一些嵌套的DIV，您的主要菜單和內容

<div id="wrapper"> 
    <div id="topMenu"> 
     <!-- menu items --> 
    </div> 

    <div id="content"> 
     <!-- content --> 
    </div> 
    </div>

這裏我已經使用了可以唯一尋址的特定項目的ID。這很容易通過CSS樣式分配給他們：

#wrapper { 
    width:800px; 
} 

#topMenu { 
    width:800px; 
    height:200px; 
}

遲早你會偶然發現這是另一個大話題術語「浮動的div」。

來源

2010-03-21 08:18:08 david

+1但是'topMenu'沒有理由重複寬度，是嗎？因爲它是'div'，它會擴展到它的容器的全部寬度（我喜歡關於'div'的其中一個東西）。 – 2010-03-21 11:54:25

Thx。是的，你是對的。 – david 2010-03-21 13:14:27

設置網頁寬度

回答

相關問題