在我们的“移动第一”时代，没有响应UI的主题被视为石器时代的主题。这意味着一个主题对于不同的设备可以有不同的内容宽度。但主题开发的一个要求是提供$content_width 变量，该变量应包含主题内容区域的实际宽度。
考虑到上面所说的，我有一个大问题，我应该设置什么宽度$content_width 变量宽度mobile phones/tables/laptops/desktops?
响应用户界面的$Content_Width
1 个回复
最合适的回答,由SO网友:gmazzap 整理而成
将该变量添加到主题时July 2008. 第一次有人开始谈论响应性设计是May 2010, 两年后。
如今，这个变量已经丢失了，这一点很重要（如果有）。
Codex本身建议在css中设置最大宽度，如
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}
这足以避免现代主题中的内容中断布局。
然而$content_width 变量是指主题句柄的最大宽度，而不是客户端设备可以显示的最大宽度。
所以如果你的主题是一个固定的布局，其中主栏很大，例如600px，设置$content_width 达到该值。
如果您有一个灵活的布局，或一个响应性的布局，只需设置推荐的css，不要使用$content_width 或者将其设置为合理的大尺寸（全高清？），因为它是biggest 要显示的大小，如果客户端设备不支持该宽度，则必须以其他方式完成，请确保不要减小该值。。
结束