响应用户界面的$Content_Width

时间:2013-09-14 作者:Eugene Manuilov

在我们的“移动第一”时代,没有响应UI的主题被视为石器时代的主题。这意味着一个主题对于不同的设备可以有不同的内容宽度。但主题开发的一个要求是提供$content_width 变量,该变量应包含主题内容区域的实际宽度。

考虑到上面所说的,我有一个大问题,我应该设置什么宽度$content_width 变量宽度mobile phones/tables/laptops/desktops?

1 个回复
最合适的回答,由SO网友:gmazzap 整理而成

将该变量添加到主题时July 2008. 第一次有人开始谈论响应性设计是May 2010, 两年后。

如今,这个变量已经丢失了,这一点很重要(如果有)。

Codex本身建议在css中设置最大宽度,如

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
我们知道,可以使用media queries.

这足以避免现代主题中的内容中断布局。

然而$content_width 变量是指主题句柄的最大宽度,而不是客户端设备可以显示的最大宽度。

所以如果你的主题是一个固定的布局,其中主栏很大,例如600px,设置$content_width 达到该值。

如果您有一个灵活的布局,或一个响应性的布局,只需设置推荐的css,不要使用$content_width 或者将其设置为合理的大尺寸(全高清?),因为它是biggest 要显示的大小,如果客户端设备不支持该宽度,则必须以其他方式完成,请确保不要减小该值。。

结束

相关推荐

mobile vs responsive sites

美国一家医疗诊所的网络公司告诉我,对他们来说,建立一个常规的WP网站和一个单独的WP移动网站比建立一个单一的WP响应网站更便宜。什么是更好的传统智慧。是否只对那些负担不起常规和移动站点的用户做出响应,或者它处理的设备是否比移动站点多?