如何爲所有分辨率顯示器設計網頁

-2

我在asp.net中創建了一個Web應用程序。在我的電腦分辨率下，它可以很好地工作。但一些其他顯示器分辨率我的Web應用程序拉伸。如何解決屏幕分辨率問題？如何爲所有分辨率顯示器設計網頁

http://www.netmagazine.com/tutorials/create-fluid- layouts-html5-and-css3 –

分辨率問題也會在不同的瀏覽器中出現，有一種方法可以將屏幕寬度調整爲1024 x 768，並將中心對齊應用於內容。另一種方法是，您可以將百分比調整爲100％，以便按照分辨率縮小和擴大。如果您將1024 x 768分辨率作爲您網站的最低分辨率，則不會考慮800x600分辨率。

2012-11-09 06:06:26 user1767931

也許你應該嘗試使用Twitter的Bootstrap工具（http://twitter.github.com/bootstrap/）。這是一套很好的CSS規則，可以輕鬆創建流體佈局。

2012-11-09 05:39:46 QAH

謝謝你寶貴的回答... – user1811277

這與ASP.NET沒有任何關係，除非你是從2003年開始的時間旅行者，當時Visual Studio對HTML頁面（包括ASP.NET）具有「網格模式」。

......我們不談論那些時光了:)

這是一個HTML + CSS的事情。關鍵的事情要記住一個靈活的佈局是：

保持文本塊與em單元尺寸使他們不斷 - 文本的長期運行是非常難讀，因爲是很窄列。我建議在20em和30em之間輸入文字。
根據您的美學設計，佈局元素（橫幅，標題等）的大小可以視爲視口寬度的百分比或固定寬度，兩者都是有效的。您還可以使用max-width和min-width指定元素框大小的邊界，從而允許單個網站設計從智能手機大小的屏幕縮放至超大型2560x1400顯示器。
如果你有非常有限的設計經驗：不要冒險。這就是災難發生的原因，當人們試圖做出過於雄心勃勃的設想時（例如：所有內容都加載了AJAX，或者帶有動畫GIF和背景MIDI軌道播放的20世紀90年代後期的Geocities站點）。

......這就是所有這些都需要從設計理論的角度來說明。如果您在CSS中實現設計需要幫助，那麼我建議查看其他人在答案中發佈的鏈接。

2012-11-09 05:44:08 Dai

使用CSS3媒體查詢與RESPOND.JS的幫助IE

參考

2012-11-09 06:44:57

回答