html和CSS自動縮放

Question

當瀏覽器窗口尺寸減小時，如何自動縮小網頁，反之亦然。 這樣，網頁就適合沒有滾動條的瀏覽器窗口。

Answer 1

為此，您可以使用引導程序。 Bootstrap有助於使您的網站具有響應能力。 您可以從http://getbootstrap.com/嘗試引導。

Answer 2

創建一個容器div或section，其大小固定，並具有margin-left：50％屬性。 然后，您就有了固定大小的空間來放入您的東西。對於博客來說，這看起來還不錯，通常看起來很單薄，並且兩側都有相當大的余量。 甚至Twitter也使用這種設計。

這樣可以使所有內容在不同的計算機和平板電腦上在不同的屏幕尺寸上看起來都一樣，這不是移動設備的最佳解決方案。 要解決此問題，您可以創建一個單獨的移動子域（m.example.com）。

為了測試響應度，我發現最好的工具是chrome的內置移動模擬器。