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