因为我想做字体的自适应,比如在5.0的屏幕上字体是14px,在7.5的屏幕上字体是16px。请问这个如何实现?

8***@qq.com
- 发布:2017-02-24 09:44
- 更新:2017-02-24 10:48
- 阅读:3024

CJH - 我想要的,我自然会认真
$(window).width()或者document.body.clientWidth可以获取当前窗口的宽度;
字体适配可以使用rem,只需要改变根节点的fontSize即可;
<script type="text/javascript">
(function() {
function initHtmlFont() {
var maxWidth = 750; //设置屏幕最大宽度
var html = document.documentElement;
var windowWidth = html.clientWidth > maxWidth ? maxWidth : html.clientWidth;
html.style.fontSize = (windowWidth / 750) * 200 + 'px'; //设置根节点的fontSize
}
initHtmlFont();
})();
</script>
8***@qq.com (作者)
为什么我用 $(window).width() 在app里面获取,都是360 的?
2017-02-27 16:21