wxss和css3的差別是什麼

區別：1、 wxss不能直接透過css3中的background-image屬性來設定顯示的背景圖片；2、小程式中的文件流中不存在window、document對象，在使用css3屬性position時需注意為基礎節點設定fixed屬性值。

wxss和css3的差異

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

例如我在wxss中書寫如下

background-image: url(imageB.png);

控制台列印：

pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用<image/>标签。

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

使用时应注意，为基础节点container设置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中設定wxss變數時，應傳回string型別值(注意 " "  與 ' '  之間的巢狀關係'')。如下：

<view id=&#39;imageBtn&#39; style=&#39;display:{{imageBtn_display?"inherit":"none"}}&#39; catchtouchmove=&#39;touchRotateAction&#39;></view>

3.其他

支援動畫 @keyframes，似乎不能加廠商前綴。

支持過渡 transition。

更多程式相關知識，請造訪：程式設計入門！ ！

以上是wxss和css3的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！