차이점: 1. wxss는 css3의 background-image 속성을 통해 표시된 배경 이미지를 직접 설정할 수 없습니다. 2. 애플릿의 문서 흐름에는 창이나 문서 개체가 없으므로 CSS3를 사용할 때 주의해야 합니다. 속성 위치 노드는 고정된 속성 값을 설정합니다.
wxss와 css3의 차이점
예를 들어 wxss
background-image: url(imageB.png);
Console 인쇄에 다음과 같이 썼습니다.
pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用<image/>标签。
使用时应注意,为基础节点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; }
<view id='imageBtn' style='display:{{imageBtn_display?"inherit":"none"}}' catchtouchmove='touchRotateAction'></view>
3. 기타
애니메이션 @keyframes를 지원하지만 제조업체 접두어를 추가할 수 없는 것 같습니다.
전환 전환을 지원합니다.
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !
위 내용은 wxss와 CSS3의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!