最近几年随着HTML5的快速发展，webapp带给我们越来越好的体验效果，现在我们可以开发一套webapp，通用多种尺寸屏幕，包括大屏，pc，平板，手机，智能电视等多种情况。
工具/原料
1
Bootstrap
2
Chrome
方法/步骤
1
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。
2
Bootstrap实现了多端自动适配，也就是根据不同的屏幕尺寸，显示不同的内容，类似的框架还有很多，选用Bootstrap是因为它是目前最成熟和比较热门的代表性产品，而且国内也有很好的中文资源网站，方便学习，交流。
3
下载Bootstrap，开发测试工具推荐使用Chome浏览器，因为它自带手机模拟器，可以再开发过程中，便捷的浏览不同尺寸屏幕下的效果。按f12，然后再弹出的工具栏里点击手机按钮图标。
上一篇：多屏互动软件哪个最好?
下一篇：麦蜂盒子多屏互动操作说明