移动端宽度千万不要用px，除非以下必要情况：
1.是固定像素的，比如两边固定宽度，中间自适应宽度
2.缩放图片（img,background）等
高度能不给死就不给死，高度可以用px
两端固定像素，中间自适应原理：
两端脱标，中间100%宽，用padding或者margin（用margin时宽度和margin都要用百分比表示）留出两边空间，然后两边定位，或者浮动上去。
移动端web是以百分比布局为主的 定最小宽度和最大宽度为辅的布局。
换句话说：就是所有元素有宽的都是百分比设宽度，没有的都是设置 min-width和max-width来达到自适应的目的
原文：https://www.cnblogs.com/ycxqdkf/p/10385028.html