Material Design 的响应式栅格系统(system)是谷歌推出了全新的设计语言Material Design。上海网站建设前期准备包括了前期网站定位、内容差异化、页面沟通等战略性调研，这些确立后，再去注册域名、租用空间、网站风格设计、网站代码制作五个部分，这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。网站是企业展示自身形象、发布产品信息、联系网上客户的新平台、新天地，进而可以通过电子商务开拓新的市场，以极少的投入获得极大的收益和利润。谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和"其他平台"提供更一致、更广泛(extensive)的"外观和感觉"。
可当真正需要用到响应式这东西时，在做完竞品调研后，我慢慢发现自己真不该那么执着于 Material Design 响应式栅格系统(system)，因为：   那两张英文图表对艺术背景的办公室装修设计师来说真的很难理解。上海网站建设公司是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。易雅网许多人常常会分为若干个工作小组，负责网站不同方面的设计。网页设计是设计过程的前端（客户端），通常用来描述的网站，并不是简单的一个页面，一个网站是包括很多工作的，其中包括域名注册查询设计效果图，布局页面，写代码等工作。   你设计的产品(Product)很有可能（maybe)比 Material Design 的预期更加复杂。   你的开发团队很有可能不可以 or 不愿意花费时间尝试这么复杂的系统。   连 Google 自己的产品都没怎么使用这套栅格系统。   那么，真正大范围(fàn wéi)使用、可以借鉴(jiè jiàn)的、非理想主义的响应式栅格存在吗答案是肯定的，下面我要介绍三种国内外常见的类型。   一. 摆不下就换行   顾名思义，这种栅格中，卡片(即网站内容区块)尺寸和间距不变，每行能放几张卡片就放几张，摆不下就换行，逻辑(Logic)非常简单。典型的例子有 Youtube 、Pinteres
　　T、Behance ……   Youtube   这么简单的响应式栅格系统(system)，其问题(Emerson)也很明显：   页边距不确定，所以为了视觉的平衡感，大多将列表居中(像 Google Play 那样坚持左对齐也不是不可以)。   一整页最好只有一种尺寸的卡片，否则边距没有办法不统一。   固定(fixed)的卡片尺寸和边距可能（maybe)在大屏里看起来太小，小屏里看起来又太大。   但是如果产品(Product)够简单，列表单一的话，用这种是没问题(Emerson)的。   二. 弹性伸缩（伸出和缩进 比喻在一定限度内的变通)填满   这种栅格系统的间距和页边距是固定的，卡片尺寸在一定程度下弹性伸缩，以确保填满整个屏幕。因为间距和页边距固定，也不用担心卡片混排。典型的例子有： Google Drive 、Spotify ……   Spotify   这种方式方法为了保证页边距不像第一种方式那样来回变动，不得不让卡片在一定范围(fàn wéi)内弹性伸缩，这样做的好处是，不同大小的卡片混排也不会造成混乱。但是在缩放浏览器时，你会发现卡片的尺寸无可避免地时大时小。   这种响应式栅格稍微复杂一点，我下面画图示意设计方法：  
　　1. 画出基准界面：   用一个理想宽度的屏幕，用适当的间距摆下理想尺寸的卡片。  
　　2. 标出固定(fixed)部分：   页边距和卡片间距是不变的，把它们用色块标记出。上海做网站购买空间。空间，顾名思义，就是存放网页内容的地方了。一个网站的程序，数据，全部都放在这个里面。新手的话建议先用空间学习一下，后续比较高级一点的还有VPS，服务器。选择空间商商要注意售后服务，稳定性，访问速度，最好是像上海这样骨干节点城市的机房。  
　　3. 画出基准栅格：   横向延展间距色块，就得到了这个界面的基准栅格。   三. 定制类响应式布局设计   其实国内的大部分网页并没有做响应式布局(比如知乎、淘宝、爱奇艺等)，即便是部分做了的(比如简书、京东、腾讯视频等)，也大多没有使用上面讲的那两种自适应的栅格，而是定制类响应式布局。   上述这些响应式栅格各有优劣（liè）(yōu liè) ，都不是最完美的解决方案(fāng àn)。但是世界上没有最完美的解决方案，Google 能设计出 Material Design 那样精细的栅格系统(system)，却也没有办法在自己的产品(Product)上广泛(extensive)使用。