提问这个程序的最上面怎么写

求思路框架，或者是类似的案例我参考一下，我的想法是一个大div包含3个小div但是图片和组件总是乱跑，求一个类似的案例，还有就是用像素定位的话，手机端会不会显示不完全，怎么能让组件自适应大小呢

<div class="box">
    <div>1</div>
    <div>2</div>
    <div>3</div>
  </div>

.box {
  display: flex;
  justify-content: space-between;
}

你这个页面跳转的时候上面的东西是否类似，如果类似建议将一样的部分（比如logo和搜索）做成一个组件，变化的做成一个组件，或者采用卡槽，logo建议使用高度100%，宽度自适应的布局，防止logo变形，整体使用百分比比较好，固定像素可能会导致多种屏幕显示不一样或者占不满宽度，出现空白，用固定像素也可以，但是要写媒体查询，大div包含三个小div没问题，乱跑可能是因为宽度有点大，造成的挤压，可以使用定位，可以看一下京东的手机app，和这个差不多

关于移动端网页适配，viewport 缩放,rem 布局，js计算，媒体查询，这些都可以，可以百度一下，还有很多现成的代码
关于你的布局写法，可以了解一下 flex布局和grid布局

建议博主可以系统看看写移动端页面的各种布局，flex布局比较广泛，流式布局这些！多找找移动端app的首页来模仿借鉴！多写多借鉴以后写起来就很丝滑了！加油