HTML写的布局乱了怎么办？

我想问一下，在自己的电脑上写网页，布局什么都是好的，但是换个电脑和显示器布局就乱了，这个是什么原因。还有目前用的最多的布局方法是啥？

首先可以用高度百分比来定义:整个屏幕都要用高度百分比来定义,
弹性布局的话就用displsy:flex,
rem不推荐使用在PC端上
或者可以用媒体查询:

@media (max-width:800px){--如果浏览器小于800px
  .one{width:40%;}
  .two{width:60%}
  .three{width:100%}
}
@media (max-width:400px)--如果浏览器宽度小于400px
{
   .one{width:100%}
   .two{width:100%}
   .three{width:100%}
  
}

贴下代码
一般flex布局比较多，具体看你UI

弹性布局

没做媒体查询适配,display flex