微信小程式 1wxss和css的部分區別

2022-07-15 21:06:09 字數 564 閱讀 9230

搜尋了下,常見原因有如下幾點:

截止2016。11.14日,

wxss和css的部分區別

不支援:first-child這類寫法,

不支援:active

不支援:checked

不支援自定義字型

@font-face {

font-weight: normal;

font-style: normal;

font-family: "weui";

.a>.b

.a~.b

沒有body,html這些鬼dom

不支援keyframe動畫

不支援   [class^="icon-"]

:before :after 改成  ::before  ::after

a p span h1 h6等這些標記可以改成相應的view text等

img   ->   image

input ->    加上結束標記

checkbox   改成    radio image 等類似,嚴謹的均要有結束標記

text內部只能有text標記

1 3 2微信小程式 WXSS

wxss weixin style sheets 是mina框架設計的一套樣式語言,用於描述wxml的元件樣式。wxss用來決定wxml 的元件應該怎麼顯示。與css相比我們擴充套件的特性有 裝置rpx換算px 螢幕寬度 750 px換算rpx 750 螢幕寬度 iphone5 1rpx 0.42p...

微信小程式 小程式樣式WXSS

wxss weixin style sheets 是 套樣式語 於描述 wxml 的元件樣式。與 css 相 wxss 擴充套件的特性有 1.響應式 度單位 rpx rpx responsive pixel 可以根據螢幕寬度進 適應。規定螢幕寬為 750rpx 如在iphone6 上,螢幕寬度為 3...

微信小程式中的WXSS 樣式

wxss是一套樣式語言,用於描述 wxml 的元件樣式,所以說wxss是用來控制wxml。簡單來說,wxml表示頁面有什麼內容,而wxss表示頁面內容放置位置,尺寸大小,顏色等等。wxss 具有 css 大部分的特性,也就是對頁面的樣式進行控制,當然,wxss 也有一些區別於css的擴充和修改。wx...