1. 程式人生 > >微信小程式開發框架——WXSS(一)

微信小程式開發框架——WXSS(一)


    WXSS語言決定了小程式頁面的各個元素在視覺上的展示,WXSS與CSS即為相試的、為了適合微信小程式開發WXSS對CSS進行相應的修改。

    width:用來設定元素'寬度' / height:用來設定元素'高度 '/ position:用來設定元素'定位方式' / color:用來設定元素'文字的顏色'      border:用來設定元素'邊框樣式'!

    如圖:


    
    WXSS語言在CSS基礎上做了哪些補充:1.尺寸單位rpx,rpx是響應式的畫素。2.樣式匯入 3.內聯樣式 4.選擇器,如圖:

    1、裝置畫素:裝置能控制的顯示的最小物理單位,物理單位是顯示器國定的一個一個的點,點是固定不變的!

    2、CSS畫素:他指的是外部程式設計的一個概念,CSS樣式程式碼中所使用的邏輯畫素。

    3、PPI/DPI:表示每英寸所擁有的畫素、素目,素值越高就代表顯示器,能以越高的密度去顯示影象,如圖:


    
    4、DPR:指的是手機的某一方向上、裝置畫素和CSS畫素之比。如圖:

     
    在開發者工具一欄上方,在切換不同的裝置時、每個裝置後面都有DPR的標示。