ie不支持css变量,新版Bootstrap 4 不支持IE8 CSS采用rem和em单位

新版Bootstrap 4 不支持IE8 CSS采用rem和em单位

8月 28, 2015

发表于: 前端开发.

评论

Sponsor

2015年8月19日是Bootstrap诞生四周年，Bootstrap团队发布了Bootstrap 4 alpha版本。

在些版本IE8将不再兼容，并改用rem和em单位来代替px，有着较大的改变。

下面指出官方博客网站提到的一些更新：

从Less移动到Sass

使用Libsass(用C语言实现的Sass解析器)后比之前的Less编译速度更快了。

改进风格系统

新增了网格层能更好的适应移动设备，并整顿语义混合。

支持 flexbox (弹性盒模型)

这是项划时代的功能——只要修改一个Boolean变量，就可以利用flexbox的优势快速布局。

废弃了wells、thumbnails和panels，使用cards代替

Cards是个全新概念，但使用起来与wells、thumbnails及panels很像，且更方便。

将所有HTML重置样式表整合到Reboot中

在用不了Normalize.css的地方可以用Reboot了，它提供了更多选项。例如box-sizing: border-box、margin tweaks等都存放在一个单独的 Sass 文件中。

新的自定义选项

不再像上个版本一样，将渐变、淡入淡出、阴影等效果分放在单独的样式表中。而是将所有选项都移到一个Sass变量中。想要给全局或考虑不到的角落定义一个默认效果？很简单，只要更新变量值，然后重新编译就可以了。

不再支持IE8，使用rem和em单位

放弃对IE8的支持意味着开发者可以放心地利用CSS的优点，不必研究css hack技巧或回退机制了。使用rem和em代替px单位，更适合做响应式布局，控制组件大小。如果要支持IE8，只能继续用Bootstrap 3。

重写所有JavaScript插件

为了利用JavaScript的新特性，Bootstrap 4用ES6重写了所有插件。现在提供UMD支持、泛型拆解方法、选项类型检查等特性。

改进工具提示和popovers自动定位

这部分要感谢Tether工具的帮助。

改进文档

所有文档以Markdown格式重写，添加了一些方便的插件组织示例和代码片段，文档使用起来会更方便，搜索的优化工作也在进行中。

更多变化

支持自定义窗体控件、空白和填充类，此外还包括新的实用程序类等。

除了发布Bootstrat 4 alpha外，官方还发布了Bootstrap主题，第个主题售价99美元，并且是终身免费更新的。尽管现在所有的主题是为Bootstrap 3设计，但是好多主题将会升级到支持Bootstrap 4.

现在没有确认Bootstrap 4的发布时间，在最终正式版发布前，会有若干次alpha版本，2次beta版本和2次RC版。

Bootstrat 4 alpha版：http://v4-alpha.getbootstrap.com/

翻译参考：http://geek.csdn.net/news/detail/38027

英文原文：http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。

赞助商链接

赞助商链接

喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。

版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。

{ 发表评论 }

姓 名 (必填)

邮 件 (必填)

网 站