來源:iheyu 發(fā)布時間:2018-11-01 15:24:50 閱讀量:1384
WXSS語言決定了小程序頁面的各個元素在視覺上的展示,WXSS與CSS即為相試的、為了適合微信小程序開發(fā)WXSS對CSS進行相應的修改。
width:用來設置元素'寬度' / height:用來設置元素'高度 '/ position:用來設置元素'定位方式' / color:用來設置元素'文本的顏色' border:用來設置元素'邊框樣式'!
如圖:
WXSS語言在CSS基礎上做了哪些補充:1.尺寸單位rpx,rpx是響應式的像素。2.樣式導入 3.內聯(lián)樣式 4.選擇器,如圖:
1、設備像素:設備能控制的顯示的最小物理單位,物理單位是顯示器國定的一個一個的點,點是固定不變的!
2、CSS像素:他指的是外部編程的一個概念,CSS樣式代碼中所使用的邏輯像素。
3、PPI/DPI:表示每英寸所擁有的像素、素目,素值越高就代表顯示器,能以越高的密度去顯示圖像,如圖:
4、DPR:指的是手機的某一方向上、設備像素和CSS像素之比。如圖:
在開發(fā)者工具一欄上方,在切換不同的設備時、每個設備后面都有DPR的標示。
---------------------
作者:iheyu
來源:CSDN
原文:https://blog.csdn.net/iheyu/article/details/83549812
版權聲明:本文為博主原創(chuàng)文章,轉載請附上博文鏈接!