手機的屏幕比較小，寬度通常在600像素以下；PC的屏幕寬度，一般都在1000像素以上（目前主流寬度是1366×768）設置相應的min-width和max-width值 所以響應式設計一般對600px下，1000px上針對各版本做@media細化。 主要 ...

...

效果： ...

@support：用於檢測瀏覽器是否支持CSS某個屬性，即條件判斷，如果支持某個屬性，可以寫一套樣式，如果不支持某屬性，提供另一套樣式作為替補。 calc（）：用於計算動態函數值，支持“+”，“-”，“*”，“/”運算 @media：針對不同的媒體類型定義不同的樣式 ...

背景： 一次偶然的機會遇到一個朋友在刷css的庫其中有這樣一道題（css變量如何定義，calc, support, media），我看一眼熟悉而陌生，知其一而不知其二，叔可忍嬸不可忍，馬上就度娘起來，看一看它的真面目。 一 support 了解到了@support的這個屬性，記錄下：CSS中 ...

JS組件系列——不容錯過的兩款Bootstrap Icon圖標選擇組件 正文 前言：最近好多朋友在群里面聊到bootstrap icon圖標的問題，比如最常見的菜單管理，每個菜單肯定需要一個對應的菜單圖標，要是有一個可視化的圖標選擇組件就好了，最好是直接選擇圖標，就能得到對應的class ...

參考實例:https://cloud.tencent.com/developer/article/1578874 1.在項目setting中具體配置： 2 在url.p ...

一、@media媒體查詢用途 媒體查詢Media Queries，可以根據不同的設備為其實現不同的樣式。@media可以根據不同的屏幕尺寸設置不同的樣式，頁面布局分別適應移動端、pc端等，在調整瀏覽器的大小，頁面會根據媒體的寬度和高度來重新布置樣式。 CSS2中使 ...