响应式设计初始宽度，需要咨询请

Question

我最近开始尝试了解响应式web开发和CSS媒体查询。我被授予了一个photoshop设计来转换为响应式HTML。

这是我的两难境地，设计的总体宽度总共只有785px。我不认为我见过一个宽度小于960像素的RWD？对此我还是一个新手，我不知道这是否是一个问题，如果我想疯狂地尝试使它工作？主页上的布局为2列设计，其余页面为3列（左侧栏，内容广泛的中心区域，右侧栏）和四列页脚。

我应该回到设计师那里告诉他他需要重做整个事情吗？我真的想避免这样做，因为他雇用了其他机构根据这种设计打印他的品牌。

你会使用这个宽度吗？它可以吗？

如果是这样，我想使用一个模板，这对我来说是一个很大的帮助，在这一点上学习。设计尽可能标准化。没有超链接之外的交互式元素，所以没有任何需要js或jQuery的功能。

如果任何人都可以推荐一个模板/框架，将不会压倒一个简单的项目的功能和附加功能，我也会很感激。

Answer 1

如果设计不能放大到960px，那么你可以创建自己的CSS网格系统。

转到：http://www.gridsystemgenerator.com/gs04.php?GridWidth=785&GridColumns=2&GridMarginLeft=29并看看我刚刚打开的网格。你也可以在那里创建你自己的。

请记住，对于您的两列布局，为使总宽度为785px，第二列上的剩余边距需要为奇数，以创建两个大小均匀的列。

对于三个栏布局，你可以使用这个网格系统http://www.gridsystemgenerator.com/gs04.php?GridWidth=785&GridColumns=3&GridMarginLeft=28

好运。