使用jquery縮放/縮放網站內容以適應瀏覽器區域

我編寫了一個用php編寫的小網站，固定寬度爲869px，可以在每個屏幕中正確顯示。我也想將它集成到其他寬度不同的頁面上，有時它會比原始大小更寬。使用jquery縮放/縮放網站內容以適應瀏覽器區域

我嘗試了一些解決方案，但沒有一個似乎在跨瀏覽器工作或不在包裝內縮放內容。我也在嘗試與視口屬性，但我沒有成功。

我正在尋找一些跨瀏覽器的jQuery腳本，它使用瀏覽器的縮放效果來適應瀏覽區域的內容。我在一個名爲wrapper的主體中有一個div，我想調整它和它的內容，就像我用瀏覽器中的CTRL +鍵一樣。

2013-03-04 jameson

響應式設計？ – datasage 2013-03-04 16:48:09

我將使用相對大小編碼我的更多項目，以防止出現像這樣的情況:)但我必須在短時間內完成此操作 – jameson 2013-03-04 16:53:40

控制比例尺時最接近的事情是使用元視口標記。在所有情況下，這可能不夠好。 – datasage 2013-03-04 17:04:54

-1

您可以使用Bootstrap來縮放您的內容（http://twitter.github.com/bootstrap/）。如果你想調整字體大小，你可以使用LESS或使用普通的javascript（例如使用JQuery）來構建。

你可以用你的頁面變成

<div class="container-fluid"> 
</div>

，關於各種標準分辨率自動縮放。您可以通過覆蓋bootstrap.min.css來調整寬度。有關如何啓用響應功能的指南可以在這裏找到：http://twitter.github.com/bootstrap/scaffolding.html#responsive

您可以添加row-fluid類div，並使用span類來調整您的內容。 http://twitter.github.com/bootstrap/scaffolding.html#gridSystem

少，我可以推薦他們的網頁：http://lesscss.org/

這是一個老的StackOverflow職位，說明如何從JavaScript插入變量：variable manipulation in Less

也許在如何使用網格系統的更多信息使用LESS已經足夠滿足您的需求。

2013-03-04 16:48:23 Fred

我非常想要開始標記「只使用Bootstrap」*答案*作爲垃圾郵件。 – cimmanon 2013-03-04 16:51:00

爲什麼？他希望他的內容能夠在每個屏幕上正確可靠地縮放？爲什麼他不應該使用支持reposnive縮放的設計框架？藉助Bootstrap的響應功能，網站將擴展到可用空間。另一個問題是通過jQuery很容易控制的字體大小。那麼問題是什麼？ – Fred 2013-03-04 17:02:48

有關自舉縮放的一些教程會很好。 – jameson 2013-03-04 17:26:07

回答