區(qū)別：1、 wxss不能直接通過css3中的background-image屬性來設(shè)置顯示的背景圖片；2、小程序中的文檔流中不存在window、document對象，在使用css3屬性position時需注意為基礎(chǔ)節(jié)點(diǎn)設(shè)置fixed屬性值。

wxss和css3的區(qū)別

0 . wxss不能直接通過css3中的background-image屬性來設(shè)置顯示的背景圖片。

例如我在wxss中書寫如下

background-image: url(imageB.png);

控制臺打?。?/p>

pages/index/index.wxss 中的本地資源圖片無法通過 WXSS 獲取，可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用<image/>標(biāo)簽。

1 .小程序中的文檔流中不存在window、document對象，即不能使用jquery與zepto等js庫區(qū)操作dom。這也從另一方面致使css3屬性：position 在使用時需要一些注意事項。

使用時應(yīng)注意，為基礎(chǔ)節(jié)點(diǎn)container設(shè)置fixed屬性，否則position=absolute不會生效 /**app.wxss**/  .container {   height: 100%;   width: 100%;   display: flex;   flex-direction: column;   align-items: center;   justify-content: space-between;   padding: 200rpx 0;   box-sizing: border-box;   position: fixed; }

2. 小程序中wxml中設(shè)置wxss變量時，應(yīng)返回string類型值(注意 " " 和 ' ' 之間的嵌套關(guān)系’’)。如下：

<view id='imageBtn' style='display:{{imageBtn_display?"inherit":"none"}}' catchtouchmove='touchRotateAction'></view>

3.其他

支持動畫 @keyframes，貌似不能加廠商前綴。

支持過渡 transition。