浏览器文本缩放（CTRL +，CTRL-）打破Bootstrap 3布局

Question

我正在构建在线订单输入页面，我们的CTO默认情况下将其浏览器设置为缩放约150％。这打破了我的布局，我希望有人能够知道如何使页面在这周围工作。

Answer 1

你应该使用或rem中的措施。适合缩放和你的reponsive设计。像素不适合zoomin

示例：http://codepen.io/SitePoint/full/XmRaGd/

h1 {
  font-size: 3em;
}
h2 {
  font-size: 2.5em;
}
h3 {
  font-size: 2em;
}

Documentacion：https://www.sitepoint.com/understanding-and-using-rem-units-in-css/