微信小程序CSS汇总

一、图片设置圆角会先闪一下才变成圆角

当我们通过某些行为触发页面进行大面积绘制的时候,浏览器由于没有事先准备,应付渲染够呛,于是掉帧,于是卡顿。而 will-change 则是真正的行为触发之前告诉浏览器:“我待会儿就要变形了”。于是乎,浏览器把 GPU 给拉上了,从容应对即将到来的变形。

image {
  will-change: transform
}

二、去除button、input默认样式

不管有没有 class 都可以这么写

button::after {
  border:none;
}
input {
  outline:none;
  border:none;
  list-style: none;
}

三、图文混排,图片与文字居中对齐

image {
  vertical-align: text-bottom;
}

四、CSS总结div中的内容垂直居中的六种方法

https://www.cnblogs.com/moqiutao/p/4807792.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一次使用taro做项目,在开发微信小程序过程中,遇到不少问题,在此做下汇总。技术栈是,taro+taro ui+...
    lemonzoey阅读 9,948评论 1 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,135评论 1 32
  • 尝试加一下这个试试,transform变形 当我们通过某些行为触发页面进行大面积绘制的时候,浏览器由于没有事先准备...
    挺直腰杆做人阅读 3,992评论 4 5
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,188评论 4 61
  • 一周一次的家长学堂给我带来的不仅仅是育儿知识,更多的是如何成为更好的自己,更好的去生活,去工作。 这周主题是家长的...
    越来悦幸福阅读 102评论 0 0