响应式网页怎么写( 四 )


2、当美工完成设计图之后,前端工程师的工作就开始了 。这时你就可以使用PS或是FW进行切图了 。
一般说来,Fireworks cs6切图更快,但是Fireworks有时会有图片失真的情况发生,所以,有时需要使用PS进行配合,PS有切片工具可以专门用来切图 。3、使用CSS媒体查询和rem (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize = 20 * (clientWidth / 320) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window);4、将绝对单位换算为rem 详细内容请参考我写的百度经验: 。

响应式网页怎么写

文章插图