一张图告诉你html5和小程序切图的区别

做html5剪切图表和小程序剪切图表有什么区别?实际上,本质是相似的,小程序的样式文件wxss对css做了一点改动,小程序的wxml是基于xml的一个小改动,所以如果你对html5/css3有足够的了解,请查看小程序代码到大量的html5阴影。

但是你需要了解html5和WeChat applet的不同规则。

首先,微信小程序和HTML5标签之间的区别:

第二,wxss选择器

HTML5微信小程序

Div(标签选择器)视图,文本,图标,输入,图像,导航器(标签选择器)

类(类选择器)类

Id(id选择器)(效率最高)id(最高效率)

元素,元素(元素选择器)元素,元素(级别选择器)

:after(伪类选择器):after:before

:frist-child等:frist-child等(不推荐(工具过滤会导致页面混乱))

.class .class .class .class(不推荐(工具过滤会导致页面混淆))

组选择器组选择器

后代选择器后代选择器

三,占位符

之间的区别

小程序可以直接向占位符添加样式

四,适应性差异

1,我们用html5来编写自适应,你需要用百分比或函数来计算比例,但是小程序可以让我们避免这个麻烦,我们可以使用rpx,在ipoone6的开发环境中,1rpx=0.5px;我们使用此单位可以在完成后保存一些兼容性问题。 (当然我没想到这里)

2,开发中可能遇到一个坑,因为背景图像被完全覆盖,所以你可以在wxss文件中添加一个语句:indexBox {height: 100%;} page {height: 100%}需要待设置否则,没有办法适应,注意资本化。