>  기사  >  웹 프론트엔드  >  wxss와 CSS3의 차이점은 무엇입니까

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

青灯夜游
青灯夜游원래의
2020-12-21 15:05:353675검색

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

wxss와 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.