如何獲取網頁以顯示任何屏幕尺寸內的所有內容？

-3

我有一個網頁，可以在www.navinmistry.co.uk找到。我希望此頁面以任何屏幕尺寸顯示所有內容。此刻它被設置爲像素，這是否會改變它的百分比呢？如何獲取網頁以顯示任何屏幕尺寸內的所有內容？

2014-09-29 Raman

這裏不需要問這個問題。只需使用谷歌。 – 2014-09-29 13:09:09

是的，Google [響應式網頁設計教程]（http://www.google.co.uk/search?q=responsive+web+design+tutorial&oq=responsive+web+design+tutorial）。 – 2014-09-29 13:15:10

是響應式設計，查看它是如何工作的。不要忘記添加meta標籤並實際在移動設備上進行測試。在附註中，爲什麼這麼多討厭，SO用戶？這是一個真正的問題。 – shash7 2014-09-29 14:17:16

是的，使它100％的寬度。使用百分比可以實現這一點。

2014-09-29 13:09:05 starvator

使用百分比，你可以在任何屏幕上實現一個很好的顯示，但這是很難做到的。例如，如果屏幕太小而無法顯示頂部的所有菜單（例如在電話上），我該怎麼辦？希望有一些CSS框架可以讓你的生活更輕鬆！：）

例如，你可以嘗試使用bootstrap

2014-09-29 13:12:06 deKajoo

對於所有元素顯示在我建議使用twitter bootstrap任何大小的瀏覽器窗口中的「好」，比你只需要使用網格佈局系統，並根據它把元素：

<div class="row-fluid"> 
    <div class="col-xs-5">Width = 100/12 * 5</div> 
    <div class="col-xs-7">Width = 100/12 * 7</div> 
</div>

2014-09-29 13:14:29 Justinas

回答