想要构建响应式网站？先从移动端开始！

设计新的响应式布局时，应该先做桌面版还是移动版？这里，我会告诉你为什么最好先开发移动版，然后再开发桌面版。

主要有两个原因：

1. 从简单开始，逐步提高

看看下面的两个布局，左边是移动端，右边是桌面端：

哪一个看起来更容易建造？

移动端会遵循所有浏览器默认的布局，无需任何特殊的CSS，也就是“流式布局”。因此，为了简单起见，我们先从移动端布局入手，然后根据屏幕尺寸进行调整，使其适应网格布局：

#gallery{
    /* enter basic CSS to style the gallery here */
}

@media (min-width: 600px){
    #gallery{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}

2. 通过手机访问你网站的人数将多于通过桌面访问你网站的人数

越来越多的人使用移动设备访问互联网，您的网站很可能也是如此。

优先为移动设备设计，意味着您正在为日益增长的大多数访客进行开发。之后，您可以根据这一点，针对桌面用户进行改进。

感谢阅读。你是先构建移动端响应式布局，还是先构建桌面端响应式布局？为什么？