HTML与WXML 、 CSS与WXSS的区别

一、HTML与WXML的区别?

(1)使用标签不同。HTML的块标签是<div>,WXML的块标签是<view>

(2)页面预览不同。HTML的页面是在浏览器中预览,WXML的页面是在微信开发者工具中预览

(3)标签和属性不同。WXML具有一些特定与微信小程序的标签和属性,例如<view><text>等等

(4)结束符要求不同。WXML的单标签在结尾处必须加上"/"结束符

(5)语法模板不同。WXML提供了Vue.js的模板语法。但没有BOM和DOM

二、css与WXSS的区别?

(1)选择器不同。WXSS仅支持部分css选择器。例如class、id、element、并集、后代、伪类。但是WXSS不支持css的某些高级选择器,例如[attribute]

(2)样式不同。app.wxss里是全局样式。.wxss样式是局部样式。

(3)尺寸单位不同。由于不同手机的屏幕分辨率不同,css的px会出现屏幕不适应的问题。而微信小程序的rpx可以自适应的适配各种屏幕

(4)wxss设背景图时不能是本地图片,只能使用网络图片或Base64格式编码图片

相关推荐
换日线°7 小时前
NFC标签打开微信小程序
前端·微信小程序
光影少年11 小时前
AIGC + Taro / 小程序
小程序·aigc·taro
2501_9159184112 小时前
在 iOS 环境下查看 App 详细信息与文件目录
android·ios·小程序·https·uni-app·iphone·webview
2501_9160074713 小时前
没有 Mac 用户如何上架 App Store,IPA生成、证书与描述文件管理、跨平台上传
android·macos·ios·小程序·uni-app·iphone·webview
天空属于哈夫克313 小时前
Go 语言实战:构建一个企微外部群“技术贴收藏夹”小程序后端
小程序·golang·企业微信
菜鸟una13 小时前
【微信小程序+Taro 3+NutUI 3】input (nut-input) 、 textarea (nut-texteare)类型使用避坑
前端·vue.js·微信小程序·小程序·taro
计算机毕设指导613 小时前
基于微信小程序的校园二手交易系统【源码文末联系】
java·spring boot·spring·微信小程序·小程序·tomcat·maven
Jiaberrr13 小时前
小程序setData性能优化指南:避开坑点,让页面丝滑如飞
前端·javascript·vue.js·性能优化·小程序
Code王13 小时前
【课程设计/毕业设计】基于springboot +微信小程序的家政服务平台系统基于小程序的家政服务系统安全开发【附源码、数据库、万字文档】
spring boot·小程序·课程设计
CHU72903513 小时前
旧物回收小程序前端功能版块解析:便捷赋能闲置循环
小程序