解决设置了display：flex的元素，他的子元素里面没有设置flex属性的元素页面缩放的时候宽度会被压缩的问题

解决办法：

在设置了宽度的子元素和设置了flex的元素如下属性

<template>
    <div class="home">
        <div class="home-a"></div>
        <div class="home-b"></div>
    </div>
</template>

<style>
    .home{display:flex;}
    .home-a{width: 200px;flex-shrink: 0; flex-grow: 0;}
    .hmoe-b{flex: 1;width: 0;}
<style>