150-1924-0507

html5和微信小程序切图的区别

2019年08月07日 16:22  千赋科技 

  在做html5切图和小程序切图的时候,有哪些区别?其实本质差不多,小程序的样式文件wxss 对css做了少许改变,小程序的wxml则是 xml的基础上做了小许改变,所以如果你对html5/css3足够了解的话,在小程序代码中看到大量的html5的影子。

  但是需要了解html5和微信小程序的不同的规则。

  一、微信小程序和HTML5的标签区别:

html5

  二、wxss 选择器

  HTML5 微信小程序

  div(标签选择器) view、text、icon、input、image、navigator(标签选择器)

  class(类选择器) class

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

  element,element(层级选择器) element,element(层级选择器)

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

  :frist-child等 :frist-child等(不建议(工具过滤易导致页面错乱))

  .class .class .class .class(不建议(工具过滤易导致页面错乱))

  群组选择器 群组选择器

  后代选择器 后代选择器

  三、placeholder的区别

  小程序中可以直接给placeholder添加样式

  四、自适应区别

  1、我们用html5写自适应的话需要用到百分比或是函数计算比例,但小程序可以让我们避免了这个麻烦,我们可以用rpx,在ipoone6的开发环境下,1rpx=0.5px;我们采用这个单位就可以在完成后,省掉兼容的一部分问题了。(当然我这里面没有考虑到)

  2、这里有个开发中可能遇到的坑,由于背景图是全覆盖的,所以这里可以在wxss文件中添加语句:.indexBox{height:100%;} page{height:100%} 都需要设置,要不然没法自适应,注意大小写。


标签 :Html5
上一篇 怎么用PHP实现网页与远程服务器TCP交互
下一篇 浅谈网站建设的4个步骤

声明:本文内容由深圳市千赋科技有限公司原创或者通过网络收集编辑所得,所有资料仅供用户参考;对收集的资料本站不拥有所有权,也不承担相关法律责任。如您认为本网页中有涉嫌侵权的内容,请及时与我们联系,并提供相关证据,工作人员会在5个工作日内联系您,一经查实,本站将立刻删除涉嫌侵权内容。

相关文章 Related articles
服务热线

150-1924-0507

网站建设公司 www.me345.com 粤ICP备15080528号-1

Copyright© 2008-2019 深圳市千赋科技有限公司 版权所有