0
如何编写一个css媒体查询让边栏捕捉到页眉和页面内容之间?我希望在页面宽度降到500像素以下时发生这种变化。 我正在为铬浏览器做这个。CSS文件中的媒体查询根本不起作用
请看看我的HTML文件的正文。
身体的内容是后来使用Javascript填补。按钮被创建并追加到“buttonAttachPoint”。内容以HTML元素字符串的形式获得,并附加到pageAttachPoint。
我目前使用下面的CSS代码来设置列数。
-webkit-column-count:3;
-webkit-column-gap:20px;
-webkit-column-rule:3px;
以下媒体查询似乎没有任何效果:
@media screen and (min-width: 500px) {
body
{ background-color: #0f0;
-webkit-column-count:1; }
}
任何帮助,将不胜感激。
你不想最大宽度? – epascarello