如何使網頁兼容到每個屏幕尺寸

我在我的網頁中有三個表格，它們共同佔用15.6英寸屏幕的全部空間。但是，當有人在14英寸的電腦/筆記本電腦上打開網站時，右側邊欄會更靠右，而中間的桌面會進入左側邊欄，從而使整個頁面看起來非常難看。 plz幫我該網站的鏈接是：http://www.bestindiacollege.com/如何使網頁兼容到每個屏幕尺寸

來源

2011-04-16 aryan

僅供參考，您不應該想到基於屏幕物理測量的屏幕尺寸。屏幕以像素爲單位進行測量，2個15.6英寸的屏幕可以具有不同的像素寬度。屏幕中的大約15個像素寬度爲800像素，一些大小爲1280，並且大多數可以由用戶設置爲各種值。在大型寬屏幕顯示器上，您的佈局嚴重混亂。 – 2011-04-16 14:16:58

你將不得不使用液體CSS佈局或JavaScript（這是不太有利的解決方案imo）。您可以檢查code for liquid layouts here。

來源

2011-04-16 04:12:57 Damb

我不太清楚這是一個SO問題，所以它可能會遷移，但做到這一點並不難：http://www.google.com/search?q=webpage+for+every+screen+size

您可以選擇最適合你的目的的建議。選項範圍很廣。爲了您的網頁，我會選擇一個固定尺寸小（可能減少一列的圖像）或寬度：80％

的選項（隨機選擇和組合）

您在使用表您的網頁是固定大小的。表格寬度應固定爲700像素寬，並且您的所有網頁內容都位於此表格內。

或

內建100％寬度表頁面

或

聖盃的搜索：http://www.alistapart.com/articles/holyg ... http://www.elated.com/articles/choosing- ... 如何創建靈活的網站快速使用CSS和XHTML標準：http://www.ibm.com/developerworks/web/li ...

960網格系統：http://960.gs/

照顧字號：http://www.w3.org/QA/Tips/font-size

或

開始之前，你需要在你的最低屏幕分辨率決定。您的網站必須設計成保持最低分辨率。通過我們的研究，我們發現在640 x 480分辨率下不到0.5％，所以我們完全忽略了這一點。下一個重要的分辨率是800 x 600分辨率。我們的部分訪問者使用此分辨率，因此我們將此用作最低屏幕分辨率。這意味着，我們的網站必須適合等於所有決議或高於800 X 600

或

屏幕分辨率最好的建議是從可用性專家雅各布·尼爾森。他說，要優化1024 x 768，並使您的網站「流動」，以便它可以延伸任何分辨率。根據用戶的屏幕分辨率http://www.useit.com/alertbox/screen_resolution.html

或

流體與靜態佈局

流體佈局可以膨脹和收縮：您可以在此鏈接查看他的詳細建議。如果包括較低的分辨率很重要，但您不想有完全不同的設計，流體佈局可能是您正在尋找的。流體CSS和HTML佈局有很多模板。如果你不想使用模板，自定義流體編碼並不難。但那是另一篇文章。

靜態佈局是一種佈局，它具有設置寬度，並且不隨用戶屏幕分辨率而變化。雖然靜態佈局可在手持設備上查看，但用戶必須滾動到側面才能查看屏幕上不適合的內容，這可能令人討厭。

來源

2011-04-16 04:18:23 Aleadam

您可以選擇基於網格的佈局系統，而不是重新發明輪子。這article給出了一個概述。 Media Queries也可能有所幫助。

來源

2011-04-16 04:33:45 suhair

如何使網頁兼容到每個屏幕尺寸

回答

相關問題