如何为网页设计选择合适的网格

Question

我在理解网页设计中的网格时遇到了一个普遍的问题。建议使用不同的尺寸，即960px或1200px宽度；和不同的列数，即12列或更少。

这两个因素如何关联以及如何选择合适的因素？

Answer 1

有些设备的屏幕尺寸多种多样（考虑垂直高清移动屏幕和水平4K桌面屏幕），所以固定分辨率的布局不是一个好主意。

动态网格布局是一种更好的方法，因为它可以适应不同的屏幕尺寸。 Bootstrap是用于开发此类布局的广泛使用的框架。您可以将屏幕分为几列，并且可以为不同的屏幕尺寸设置不同的布局，例如。宽屏上的同一菜单显示为侧边栏，而在移动设备上，它是一个汉堡菜单，因此不会在屏幕上占据那么多的空间。