CSS媒体查询可以参考容器宽度吗?

时间:2014-06-20 15:36:49

标签: css responsive-design media-queries

我为桌面上has a 325px left navigation rail的发布开发Javascript交互式,如果页面宽度低于800px,则会隐藏。

这意味着右侧内容的空间,我的互动广告的位置,宽度如下:

总页面宽度超过800像素,内容很好(宽度 - 325像素)。不计算边距,在断点激活之前,它会下降到大约380px。

低于800px ,内容获取页面的整个宽度。

我使用基本的min-widthmax-width CSS媒体查询来管理不同屏幕尺寸的网页行为。我所关心的只是交互式的宽度,我宁愿不要在写入CMS的断点中使用硬编码(这可能会在没有通知的情况下发生变化。)

@media (max-width: 600px)有没有办法引用容器的宽度,而不是页面的宽度?

0 个答案:

没有答案