我最近开始尝试了解响应式Web开发和CSS媒体查询。我得到了一个photoshop设计转换为响应式HTML。
这是我的困境......设计的整体宽度仅为785px。我不认为我曾经见过低于960px的RWD？对于这个仍然是新手，我不知道这是否是一个问题，我是否应该疯狂尝试使其工作？布局在主页上是2列设计，其余页面是3列（左侧边栏，内容宽边框，右侧边栏）和四列页脚。
我应该回到设计师那里告诉他他需要重做整个事情吗？我真的想避免这样做，因为他已聘请其他代理商根据这种设计在印刷品上建立自己的品牌。
你会使用这个宽度吗？它可以吗？
如果是这样，我想使用一个模板，这对我来说是一个很大的帮助。设计是标准的。除了超链接之外没有交互式元素，所以没有任何东西需要js或jQuery才能运行。
如果有人可以推荐一个模板/框架，这个模板/框架在一个简单的项目的功能和附加功能上不会让人不知所措，我也会很感激。
答案 0 :(得分：0)
如果设计无法扩展到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
祝你好运。