wxssとcss3の違いは何ですか

相違点: 1. wxss は css3 のbackground-image 属性を通じて表示される背景画像を直接設定できません; 2. アプレットのドキュメント フローにはウィンドウまたはドキュメント オブジェクトがありません。css3 属性の位置を使用する場合ベースノードの固定属性値の設定に注意してください。

wxss と css3

0 の違い。wxss は使用できません。直接渡されます。 css3のbackground-imageプロパティは、表示される背景画像を設定するために使用されます。

たとえば、wxss

background-image: url(imageB.png);

コンソール印刷:

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

1 で次のように記述します。ドキュメント ストリームにはウィンドウがありません。 applet.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 変数を設定する場合、文字列型の値が返される必要があります (「 " と ' ''' の間のネストされた関係に注意してください# ＃＃）。

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

3. その他

はアニメーション@keyframesをサポートしていますが、メーカープレフィックスを追加することはできないようです。

サポート移行移行。

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 ！

以上がwxssとcss3の違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。