CSS Media Queries是否可以在本地使用？

我一直在尋找我的答案@CSS media query，但找不到它，所以我想我會問這裏。CSS Media Queries是否可以在本地使用？

CSS媒體查詢可以脫機/本地使用嗎？我正在建立一個網頁，它都在共享的網絡驅動器上，我試圖根據分辨率設置不同的樣式表，我想使用CSS媒體查詢min-width，但它們似乎沒有工作，我想知道是否是因爲我的網站不活？（類似於favicon不在本地工作，只在託管網站上）。

一個例子是：

<style type="text/css"> 
     @media all and (min-width: 1024px) { 
      background-image: url(images/bigbg.jpeg); 
     } 
     body { 
      width: 1000px; 
      background-image:url('images/test.PNG'); 
      background-repeat:repeat; 
      overflow-x:scroll; 
     } 
    </style>

有什麼建議？非常感謝:)

來源

2012-07-30 abracassabra

嘗試正常的CSS後移動媒體查詢。 – Blender 2012-07-30 22:19:59

Thanks Blender :) – abracassabra 2012-07-30 22:32:36

媒體查詢由瀏覽器處理，並且不依賴於瀏覽器是通過http :, ftp：，file :,還是其他方式獲取文件。媒體查詢通常不會像您認爲他們應該那樣工作。熟悉瀏覽器的「錯誤控制檯」。也許這可能有助於將您的瀏覽器指向諸如http://www.ckollars.org/dimensions-no-meta-viewport.html和http://www.ckollars.org/dimensions-meta-viewport.html – 2012-09-28 23:30:22

應該在當地工作，但你需要定義什麼在改變。嘗試：

原文：

@media all and (min-width: 1024px) { 
     body {background-image: url(images/bigbg.jpeg);} 
}

更妙的是：

@media all and (min-width:1024px){ 
     body{background:url(images/bigbg.jpg)} 
}

來源

2012-07-30 22:18:39 Zeth

CSS Media Queries是否可以在本地使用？

回答

相關問題