在手机端页面上，原本相同的组件的位置，会因为手机屏幕大小的不同，而改变，有何解决方法？

Question

在制作手机端的jsp页面时候，需要在一张背景图片上，放置一些按钮超链接。但是 在一个手机上满足这个布局后，在另一个手机端（iPhone7，8，安卓手机等）的按钮布局就乱了。请问有什么解决方法？

    position:absolute;
    top:1rem;
    left:3rem;
    width:19rem;
    }

css样式大致如上

Answer 1

用bootstrap一类的网格布局或者流布局
或者绝对定位+滚动条。