样式和布局

MIP 页面上的样式和布局和普通的 HTML 页面十分类似,都是需要使用 CSS。不同的是,MIP 为了性能和易用性考虑,对 CSS 的使用做了一定的限制,与此同时,针对响应式设计,MIP 做出了一些扩展来更好地展示页面元素,如占位符和备用行为,媒体查询和元素查询,layout 属性等。

在本章节中,我们将学习 MIP 是如何利用上述提到的功能来更好地展示页面。

章节索引

  • 组件布局
    • 介绍组件支持的布局方式
    • 通过本文将会学习到如何利用 layout 属性避免页面初始化抖动的问题
  • MIP 内置样式
    • 介绍了 MIP 内置的一些常用样式,比如:
    • 节点隐藏样式
    • “一像素”边框实现
  • 自定义样式使用规范
    • 介绍 CSS 的使用方式