media檔案分離

2022-01-11 23:53:09 字數 1246 閱讀 7149

響應式cssのmedia檔案分離

1.**查詢,新增自css3

2.乙個**查詢由乙個可選的**型別和零個或多個使用**功能的限制了樣式表範圍的表示式組成,允許內容的呈現針對乙個特定範圍的輸出裝置而進行裁剪,而不必改變內容本身

1.**查詢包含乙個可選的**型別和**特性表示式(0或多個)最終會被解析為true或false

2.如果**查詢中指定的**型別匹配展示文件所使用的裝置型別,並且所有的表示式的值都是true,那麼該**查詢的結果為true

demo

@media (max-width: 600px) 

}

and操作符用來把多個**屬性組合成一條**查詢,對成鏈式的特徵進行請求,只有當每個屬性都為真時,結果才為真

@media (min-width: 700px) and (orientation: landscape)
**查詢中使用逗號分隔效果等同於or邏輯操作符。當使用逗號分隔的**查詢時,如果任何乙個**查詢返回真,樣式就是有效的

@media (min-width: 700px), handheld and (orientation: landscape)
not 關鍵字應用於整個**查詢,在**查詢為假時返回真

not關鍵字僅能應用於整個查詢,而不能單獨應用於乙個獨立的查詢

@media not all and (monochrome)
等價於

@media not (all and (monochrome))
防止老舊的瀏覽器不支援帶**屬性的查詢而應用到給定的樣式

@media only screen and (color)
我們不必把所有的**查詢寫到乙個css檔案中,我們一般這樣寫

desktop.css和mobile.css中直接寫樣式就可以了,不必寫查詢條件

Django 配置media檔案

我們自己寫的本地網頁,不配置media也能訪問到專案下的靜態檔案。但是當專案部署到伺服器之後,就無法訪問本地的靜態檔案了。所以為了讓專案部署到伺服器之後,能夠訪問靜態檔案,需要配置media。media資料夾就是靜態檔案上傳儲存的路徑 總專案urls.py from django.views.sta...

Django 配置media檔案

目錄 我們自己寫的本地網頁,不配置media也能訪問到專案下的靜態檔案。但是當專案部署到伺服器之後,就無法訪問本地的靜態檔案了。所以為了讓專案部署到伺服器之後,能夠訪問靜態檔案,需要配置media。media資料夾就是靜態檔案上傳儲存的路徑 settings.py import os django專...

Django配置media檔案方法

1.專案下新建media資料夾 project name main settings.py urls.py wsgi.py meida 新建media檔案 static template manage.py2.配置settings.py media url media media root os.p...