**查詢可以在不同裝置的解析度下設定內容的樣式,也是響應式**的核心原理
語法:
@media 設定 關鍵字 (表示式)
栗子:@media all and (max-width:1000px)
}
/* 豎屏的樣式 */
@media screen and (orientation:portrait)
}/* 橫屏的樣式 */
@media screen and (orientation:landscape)
}
(響應式**和移動端必須設定)
這段**的幾個引數解釋:
width = device-width:寬度等於當前裝置的寬度
initial-scale: 初始的縮放比例(預設設定為1.0)
minimum-scale:允許使用者縮放到的最小比例(預設設定為1.0)
maximum-scale:允許使用者縮放到的最大比例(預設設定為1.0)
user-scalable:使用者是否可以手動縮放(預設設定為no,因為我們不希望使用者放大縮小頁面)
物理畫素:ps 測量的畫素 750px
邏輯畫素:螢幕上顯示的畫素和最終css設定的畫素 375px
dpr 裝置畫素比=物理畫素 \ 邏輯畫素
ps設計圖 手機解析度 dpr
iphone 4/5 640px 320px 2
iphone 6/7/8 750px 375px 2
iphone 6/7/8+ 1242px 414px 3
iphonex 1125px 375px 3
栗子:如果是750px的設計圖,測量的內容是100px
先確定dpr 2
css的大小 100px /2 =50px
python學習 第十四天
在下這廂有禮了 python正規表示式 python通過re模組提供對正規表示式的支援。使用re的一般步驟是先將正規表示式的字串形式編譯為pattern例項,然後使用pattern例項處理文字並獲得匹配結果 乙個match例項 最後使match例項獲得資訊,進行其他的操作。encoding utf ...
linuxC學習第十四天
1 int佔4個位元組,對於int型它能寫入的整數不能超過10個不然編譯就會出錯。在編寫通訊錄一類要超過10個數個的程式時,可以使用long long long long 佔8個位元組,而long可能4個位元組,可能8個位元組。2 在寫函式時,一定要注意形參列表的檢測。如果沒有這一步,一旦有使用者輸...
學習python 第十四天
python 傳送電子郵件 訪問 http協議,傳送郵件要使用smtp。smtp mail transfer protocol 即簡單郵件傳輸協議,它是一組用於由源位址到目的位址傳送郵件的規則,由它來控制信件的中轉方式。python的smtplib提供了一種很方便的途徑傳送電子郵件。它對smtp協議...