响应式设计 - 隐藏的手风琴标签宽度

时间:2013-07-09 18:36:43

标签: php html css wordpress responsive-design

http://dev.goforadventure.com/?post_type=trips&p=108

您好,

请将浏览器拉得更近,直到您看到带有右侧小箭头的手风琴形式。

在标签集上方有一个带有特色背景图片的div(这是Wordpress)

当关闭选项卡时,该图像div的宽度取决于它上面的帖子标题/ h1所占的空间大小 - 如果我将该字体大小设置得更大,则图片会随之变大。

如果您打开第一个或最后一个标签,则其中包含大量文字 - 这也会导致更多照片显示。

我假设因为div有宽度:自动应用它,它没有显示那么多背景,因为手风琴中的内容默认是隐藏的。

任何想法都会欺骗图像div以便在那里考虑更多空间,以便图像和手风琴标签在关闭时会在整个浏览器中延伸?

非常感谢!

1 个答案:

答案 0 :(得分:1)

如果删除包含图像的div上的width:auto并将其设置为100%,您将注意到没有任何反应。然后我们查看该div的容器元素,即id="content"role="main" div具有float:left的容器元素。删除媒体查询中的浮动,它将根据需要显示。