CSS/HTML屏幕大小自適應塊/瓦片

Question

我確定之前已經詢問過這個問題，但我不確定術語是否意味着我的搜索結果沒有提供任何相關內容。

我想添加一些相同大小的內容到我的頁面塊，他們應該組織成行和列，沒有表，並適應更大和更小的屏幕尺寸。圖片中的示例：

是否存在一種簡單的跨瀏覽器非JS方式來執行此操作，該方法無需刷新頁面（適應於更改屏幕大小，即調整大小）？

Answer 1

該技術被稱爲響應式網頁設計。您可以創建一個四列頁面佈局，其中包含四個div列，每個列的寬度爲23％（合計不超過100％）。您需要學習HTML和CSS，然後再進行響應式網頁設計。網上有很多幫助。

圖像也可以通過使用CSS做出迴應如下：

img { 
 
      max-width: 100%; 
 
      height: auto; 
 
}

您也可以選擇學習的引導框架，這是一個HTML框架來創建網站的響應和可用於創建響應式4列設計。