適合訪問者的大小網頁監視器分辨率

Question

我設計了一個網站。 我想知道是否可以在我的網站中重新制作頁面以適應訪問者的顯示器分辨率。

例如，我使用1024x768分辨率的電腦。 如果我將分辨率更改爲800x600，我希望我的網站重新調整大小以適應800x600的屏幕分辨率。

Answer 1

是的，它叫responsive design。具體看看media queries。

Answer 2

這被稱爲「動態」或「流體」寬度，而不是在頁面上設置「固定」寬度。這通常使用CSS完成，而不是PHP或JavaScript。對Google上的主題進行一些研究（搜索「動態寬度網頁」）。我發現this article。

Answer 3

你不想要這個決議，因爲不是每個人都使用他們的瀏覽器全屏;你想要的文件大小。有辦法得到，在普通的JavaScript，但你最好的選擇是使用像jQuery庫，因爲這有助於確保你的技術工程跨瀏覽器：

http://api.jquery.com/width/

但不這樣做，除非有沒有別的辦法去做你想做的事情;首先嚐試在CSS中使用百分比。用js設置大小很麻煩。

Answer 4

這是你的搜索

CSS網格系統響應/適應性網絡的一些關鍵字

一些鏈接

http://net.tutsplus.com/tutorials/design-tutorials/quick-tip-different-layouts-for-different-widths/

http://speakerdeck.com/u/nathansmith/p/960-grid-system

http://www.emblematiq.com/lab/my-adaptive-grid/

http://webdesignledger.com/resources/responsive-web-design-templates-and-frameworks

generator