windows平台,支持IE8,如果不用框架则需要IE9以上支持,而且通过插件Bsie(鄙视IE)可以兼容IE6。
Chrome Firefox Internet Explorer Opera Safari Android 支持 支持 N/A 不支持 N/A iOS 支持 N/A 不支持 支持 Mac OS X 支持 支持 支持 支持 Windows 支持 支持 支持 支持 不支持
响应式布局实例
响应式页面实例地址
http://xys.laiwanapp.com/bootstrap-1/ http://xys.laiwanapp.com/bootstrap-2/ http://xys.laiwanapp.com/bootstrap-3/兼容性问题(分辨率分解-*~768手机,768~992平板,992~1200普通PC,1200~*大屏幕PC)chrome18 | firefox11(firefox3.6) | IE7(较少用户) | IE8(主流) | IE9(代表最新版本) | IE6 | |
实例1-微博 | 无 | 无(无圆角) | 无 | 无 | 无 | 崩溃 |
实例2-相册 | 圆角错误 | 无圆角(无圆角,不支持背景尺寸属性) | 无 | 无 | 无 | 崩溃 |
实例3-博客 | 圆角错误 | 无圆角,进度条无动画(无圆角,进度条无动画) | 无 | 无 | 无 | 崩溃 |
其它 |
chrome18和firefox都是旧版本的,用户非常少不支持背景属性可以用position和z-index属性解决IE6崩溃可以使用针对Bootstrap的插件Bsie解决大部分,但如果不要求对IE6支持,不建议使用,影响性能下图分别是无圆角,正常圆角,圆角错误,圆角是CSS3属性,所以会出现兼容问题,但IE7以上都支持,已经很好了(Vevb说IE9以上才支持,说明使用了css hack)且官方文档里说明说明了这一点:http://v3.bootcss.com/css/#images-shapes总结:支持主流浏览器,旧版本的浏览器出现的兼容性问题不大。
1. *~768手机,1栏2. 768~992平板,2栏3. 992~1200普通PC,2栏4. 1200~*大屏幕PC,3栏)
分辨率dpi | ppi | 型号 | 竖 | 横 |
2560x1536(手机) | 546 | MX4 pro | 1栏 | 1栏 |
720x1280(手机) | 华为荣耀3c | 1栏 | 1栏 | |
1200x1920(手机平板) | 华为 x1 7.0 | 1栏 | 2栏 | |
800x1280(平板) | toshiba wt8a(win 8.1系统) | 2栏 | 3栏 | |
1366x768 | Acer win8.1 | - | - |
新闻热点
疑难解答