html的font size设置,跟美工出图的尺寸?

图片说明

在图上的这种设置下,美工出图应该按照什么宽度设计页面?

clientWidth如果不是固定的,那么没有固定尺寸,你的背景要么使用重复,要么进行拉伸,或者剪切

这个html的font-size设置多大和美工出图尺寸之间没有必然联系。只要设置了一个html的font-size值其他元素会根据与此值的比例大小,换算成rem单位。
一般情况下如下设置,目的是方便计算。

 document.style.fontSize = document.clientWidth / 10 + 'px';

布局的时候,各元素的css尺寸=设计稿标注尺寸/设计稿横向分辨率/10