我对响应式网站是否需要列网格感到有些困惑。例如，我打算从Bones 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网格，以及它们如何与响应的网站相关。
答案 0 :(得分：4)
响应能力通常是指根据用户的屏幕尺寸（即您的网站对用户做出响应）看起来像您想要的网站。
响应式布局没有“规则”，所以不，您的网站 不遵循这些列宽。但是，有一些设计模式（设计师过去常常遇到的问题的解决方案，并且仍然继续存在）被称为最佳实践。
您在CSS中看到的百分比基于以下内容：
如果我的设计区域宽度为980px，并且我的列看起来很好（基于该大小），宽度为26px，则其百分比为（26/980）* 100 = 2.653％。因此，我将列的大小设置为2.653％，以便在所有屏幕尺寸上看起来“相同”。
以下是一些关于响应式设计的好资源：
Responsive Web Design: What It Is and How to Use It
Beginner's Guide to Responsive Web Design