css前端页面自适应记录

132 阅读1分钟

1.html页面入口函数加入下一段,获取屏幕宽度/10,得到基数。

 window.onresize = function (ev) {
            $('html').css('fontSize',(document.body.offsetWidth / 10) + 'px')
        }

2.使用pxCook  www.fancynode.com.cn/pxcook 工具打开psd,使用上面获取到的基数填入到 pxCook工具中,获取对应的width、height  都为 rem,即可实现自适应

ps:前端小哥哥推荐!

开发者涨薪指南

48位大咖的思考法则、工作方式、逻辑体系