HTML 5和CSS樣式在屏幕尺寸上的變化

對不起，如果這個帖子太多的問題，但因爲我在網頁設計薄弱，但我想在我的網站做到這些效果，請你讓我知道如何做它？HTML 5和CSS樣式在屏幕尺寸上的變化

首先...請訪問此網站 http://net.tutsplus.com/

問題1：可我知道，我怎麼可以在ASP MVC 3調整的影響？當我們的網站的側欄用戶屏幕尺寸小於1280x800時，它會顯示單欄側欄。當用戶屏幕尺寸大於1280x800時，它將顯示兩欄側欄。

問題2：當屏幕尺寸太小時，左側的站點只會顯示約20px的頁邊距。所有的圖像和背景都將隱藏起來。就像在打開nettuts網站時重新調整瀏覽器的大小一樣。

2011-03-17 1myb

問題2是一個陳述，而不是一個問題，我不確定它是否描述了你想要達到什麼或想要停止什麼。問題3與其他問題無關，應該將其分解爲自己的問題。 – Quentin 2011-03-17 14:05:04

對不起XD我的意思是如何使它像那樣？ – 1myb 2011-03-17 14:46:10

調整頁面佈局相對於它所顯示的視口大小的最佳方法是使用CSS Media查詢。在你做任何事情，請閱讀本：

這實際上是關於這一主題的聖經。

之後，給出的規格讀：

越少CSS框架提供了一系列有用的媒體查詢，是我作爲一個非常簡單的框架使用：

2011-03-17 14:52:01 RichardTape

是的...我認爲這是少框架！像IT = D，看到很多樣本網站這樣做！只是尼斯和Thx對所有...終於得到我的回答^^ – 1myb 2011-03-17 14:59:44

謝謝我期待這麼多 – codelove 2012-06-28 17:39:34

對問題1的回答 這不是ASP而是JavaScript。基本上你需要一個腳本，每次調整瀏覽器大小時都會啓動它。然後它應該檢查新的視口寬度並修改邊欄的一些CSS

2011-03-17 14:03:43

可以請你分享一些樣品嗎？ – 1myb 2011-03-17 14:47:44

它取決於定位屬性：絕對，相對或固定。嘗試使用百分比而不是絕對值，相對值或固定值。

否則嘗試控制左邊界，右邊界，頂部和底部，並測試，測試和更多的測試，直到它得到你所期望的。

我自己一直在做這件事，而且總是工作。

2011-03-17 14:03:53 B4NZ41

回答