javascript - 我希望我的字体大小能够响应地改变。javascript是最好的方法吗？

Question

如果我在 ems 中拥有所有字体大小，然后使用 javascript 更改确定正文字体大小的 css 规则（将以 px 为单位），这肯定会导致文本随着扩大、基于百分比的网格而增长？

显然，更改 css 规则很棘手，并且不支持某些浏览器的旧版本（猜猜是哪一个），但如果我在页面上嵌入我的正文规则，这会使事情交叉兼容吗？

Answer 1

您可以使用font-sizein em likefont-size:1em或 in % likefont-size:5%

尝试将css放入

 @media screen and (min-width: 768px) and (max-width: 800px) 
{  css   } 

根据 ipad 和 iphone 等设备宽度，您可以更改它

@media screen and (min-width: 320px) and (max-width: 480px) 
{   here is css  } 

这样您就可以完美地看到您的设计，这些分辨率