浏览器文本缩放（CTRL +，CTRL-）破解引导程序3布局

Question

我正在构建在线订单输入页面，我们的CTO默认将其浏览器设置为放大大约150％。这是打破我的布局，我希望有人会有一个想法如何使这个网页的工作。

Answer 1

你应该或REM使用的措施。为了适应变焦和你的反应灵敏的设计。像素不利于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/