響應式css網格模擬器

因此，我使用div寬度設置中的百分比編碼了一個頁面，並且在調整瀏覽器窗口大小的同時，塊彼此距離過近。（這是一個截圖）。 enter image description here 響應式css網格模擬器

那麼有沒有關於響應式電網的教程或提示，對於不像我這麼聰明的人？將非常感謝一些有用的鏈接。對不起，我英文不好BTW

2017-08-06 Iskorka

你忘了重要的響應式設計的一部分：媒體查詢。當屏幕太小時，您需要使用媒體查詢重新排列網頁元素，以便它們再次合適。 –

我已經使用了不同分辨率的媒體查詢，當屏幕寬度正好是768像素或1024像素，但它看起來很糟糕的大小不同，所以我認爲主要問題在於我錯誤理解網格和元素之間的關係 – Iskorka

你需要更多的斷點。手機屏幕寬度通常爲320-360像素。 –

關於響應你可以看到W3Schools的文檔和示例： https://www.w3schools.com/html/html_responsive.asp

，如果你需要一個強大的框架，包含響應式設計使用Bootstrap。

2017-08-06 08:36:22

Flexbox是爲適應性開發而構建的。

下面的幾個簡單的例子：

2017-08-06 11:48:01 Thisismint

回答