是否有必要使用列网格来响应设计/开发？

Question

对于响应站点是否需要列网格，我有点困惑。例如，我打算从骨骼 WordPress主题开始。我将使用SCSS设置包括在这个主题。其网格如下：

.onecol    { width: 5.801104972%;  }
.twocol    { width: 14.364640883%; }  
.threecol  { width: 22.928176794%; }     
.fourcol   { width: 31.491712705%; }       
.fivecol   { width: 40.055248616%; }       
.sixcol    { width: 48.618784527%; }       
.sevencol  { width: 57.182320438000005%; }
.eightcol  { width: 65.74585634900001%; }  
.ninecol   { width: 74.30939226%; }    
.tencol    { width: 82.87292817100001%; }  
.elevencol { width: 91.436464082%; }       
.twelvecol { width: 99.999999993%; }

我是否需要使用这些类来使这个站点响应？如果网站设计不符合这些大小怎么办？请解释CSS网格给我，他们是如何与一个网站的响应。

Answer 1

响应性通常指的是您希望它基于用户屏幕大小的站点(即，您的站点对用户的响应)。

没有响应性布局的“规则”，所以不，您的站点不必遵循这些列宽。然而，有一些设计模式(设计人员过去和现在仍然经常遇到的问题的解决方案)被称为最佳实践。

您在CSS中看到的百分比是基于以下内容：

如果我的设计区域是980 in宽，并且我的列看起来很好(根据这个大小)为26 in宽，那么这个百分比是(26/980)*100 = 2.653%。因此，我将列的大小设置为2.653%，使其在所有屏幕大小上看起来都是“相同的”。

关于响应性设计，下面是一些很好的资源供您参考：

响应Web设计:它是什么以及如何使用它

反应式网页设计初学者指南

响应式Web设计--一个分开的列表

使用CSS3媒体查询的灵活布局示例