本文主要是介绍html css mobi,Mobi.css-轻量灵活的移动端CSS框架，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
大部分 CSS 框架都有响应式布局，使用媒体查询将内容在不同大小屏幕上重新排版，使一个网站能够兼容不同大小屏幕的设备。
虽然框架帮你减少了很多工作，但是你还是需要设计各个大小屏幕的设备的样式，代码也会有冗余(比如 Bootstrap 的代码：
)，并且需要在每个设备上进行测试。
如果你想开发一个移动端网页，Mobi.css 提供了一个更简单易行的解决方案。
在移动端设备(宽度小于 768px)上，容器宽度将会充满整个屏幕。
其他情况下，容器将会有一个固定宽度，并且水平居中在屏幕中。这样的话就不会破坏你为移动端设计的样式，而就像在桌面端访问移动端的页面一样。
Mobi.css优点：
压缩后只有 4.6kb，比 Skeleton、Pure.css、Bootstrap 等所有 CSS 库都小
大量使用 Flexbox ，非常灵活，官方网站只有不到 10 行的自定义样式
专注于移动端，桌面端端相当于展示的还是移动端的页面，不过可以在左侧或右侧加上侧边栏
这篇关于html css mobi,Mobi.css-轻量灵活的移动端CSS框架的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
