对于响应式 WordPress 网站来说，1170 像素是否太宽，或者它们是否是理想的最大宽度？答案

【问题标题】：Is 1170px too wide for a responsive WordPress site, or is their an ideal maximum width?对于响应式 WordPress 网站来说，1170 像素是否太宽，或者它们是否是理想的最大宽度？
【发布时间】：2013-10-14 22:17:46
【问题描述】：

我有一个基于 WordPress 的响应式网站（所有媒体查询都会在您调整网站宽度时自动调整），我目前将其宽度设置为 980 像素。

我的内容区域的宽度只有 600 像素，因为我的侧边栏和边距/换行占据了其余的宽度。

当前：

-----------content 600px--------------|--sidebar+margins = 980 px

我希望在不改变侧边栏/边距/换行的情况下拥有更宽的内容区域。

因为这是一个高质量的响应式主题，将全宽设置为 1170 像素有什么危险吗？这将使内容区域变为 790 像素，这对我来说更易于管理。

需要 - 但适当，如果有响应？

------------内容790px---------- |--侧边栏+边距 = 1170 像素

或者这会完全搞砸 Iphone/平板电脑等设备吗？感谢任何人都可以提供的任何指导！

【问题讨论】：

“响应式”是什么意思？问题似乎是针对特定宽度进行设计并询问最佳宽度（这基本上是一项民意调查），因此该方法似乎与响应式设计完全相反。
谢谢尤卡。它是 Catalyst Framework/Dynamik Child Theme，他们只是有大量不同大小的媒体查询。他们提供的文档是blog.teamtreehouse.com/beginners-guide-to-responsive-web-design，主题只允许您单击特定布局（或自己调整 CSS 中的媒体查询）。我想我会试试 1170 看看效果如何。

标签： wordpress css responsive-design

【解决方案1】：

我们有这么多使用 1170px 的模板，当它负责时，这没有问题。适用于所有 iphone、ipad 和平板电脑。

我建议您在浏览器 (chrome) 中安装一个名为 Window Resizer 的插件。这将在您开发此功能时为您提供帮助。

【讨论】：

感谢弗兰克花时间回复。它是 WordPress 的催化剂框架；我为此支付了 127 美元。在为各种平板电脑选择“响应式”设计时，它们只是为您提供一组图标列表供您选择……或者您可以在 CSS 中自己调整 @media 查询。但如果你说 1170 工作没有问题，我相信 Catalyst 是负责任的。我会试一试。他们的文档是 blog.teamtreehouse.com/beginners-guide-to-responsive-web-design ...再次感谢，并感谢 Chrome 插件的提示——我从未听说过！
嗨。我第一次看到。 wordpress 的催化剂框架。如我所见，这是一个很好的工具。无论如何，我喜欢 bootstrap 框架，它使我的网站或 wordpress 主题非常轻松。
谢谢弗兰克。我在网上找到了一种使我的网站流畅且响应迅速的方法，它设置为 1170，就像 Bootstrap 一样。所以它现在在 Chrome 的 Window Resizer 的所有尺寸上看起来都不错。它确实需要大量的 CSS 工作。再次感谢。

【解决方案2】：

我会第二次 Franks 回答，并且还想补充一点，内容始终是适当大小的决定因素。我已经将网站推到了 1280 的上限。

响应式网页设计往往将重点放在小屏幕上，但智能电视和其他大屏幕设备带来了一系列全新的挑战，而大屏幕允许更大的宽度对最终用户来说是一件好事。

【讨论】：

谢谢 Chris .. 我能够找到一些关于 css-tricks 的技术，或者它可能就在这里，但是有一些技巧可以让我的网站响应和流畅......我真的很喜欢马上看。
太棒了，杰森！ CSS-Tricks 是一个资源金矿。我还发现Foldy 960 grid 非常有用，以至于我围绕它构建了一个完整的open source boilerplate。祝您好运，如果您有任何问题或想提出一些想法，请随时直接与我们联系。