响应式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

回答