首先前端中，样式尺寸单位全部用rem，比如：
.content{
width: 8rem;
border-radius: 0.15rem;
font-size: 0.95rem;
letter-spacing: 0.15rem;
｝接着页面中的html给个默认的font-size样式，比如：
<html style="font-size: 100px;">最后就是利用JavaScript判断页面宽度，实时修改html的font-size的大小。
<script>const doc = document.documentElementwindow.onresize = () => {// 获取窗口宽度let width = doc.clientWidth// 设备宽度 / 设计稿宽度 = 根元素html大小 / 设计稿根元素大小(假设为100px)// 假设我们的设计稿宽度为 750pxif (width >= 1080) {doc.style.fontSize = '100px'} else {doc.style.fontSize = width / 1080 * 100 + 'px'}console.log(width)}</script>rem单位就可以随着html的font-size的大小自动修改大小，达到响应式布局的效果。
)
)
![[QT编程系列-24]：多线程机制 - QT的数据通信机制](http://pic.xiahunao.cn/[QT编程系列-24]：多线程机制 - QT的数据通信机制)
