wxss와 CSS3의 차이점은 무엇입니까

차이점: 1. wxss는 css3의 background-image 속성을 통해 표시된 배경 이미지를 직접 설정할 수 없습니다. 2. 애플릿의 문서 흐름에는 창이나 문서 개체가 없으므로 CSS3를 사용할 때 주의해야 합니다. 속성 위치 노드는 고정된 속성 값을 설정합니다.

wxss와 css3의 차이점

0은 css3의 background-image 속성을 통해 표시되는 배경 이미지를 직접 설정할 수 없습니다.

예를 들어 wxss

background-image: url(imageB.png);

Console 인쇄에 다음과 같이 썼습니다.

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

1 애플릿의 문서 스트림에는 창이나 문서 개체가 없습니다. 즉, jquery와 같은 js 라이브러리를 사용할 수 없습니다. 그리고 돔을 운영하는 zepto. 이로 인해 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!