移动端宽度千万不要用px，除非以下必要情况：

1.是固定像素的，比如两边固定宽度，中间自适应宽度

2.缩放图片（img,background）等

高度能不给死就不给死，高度可以用px

 

 

两端固定像素，中间自适应原理：

两端脱标，中间100%宽，用padding或者margin（用margin时宽度和margin都要用百分比表示）留出两边空间，然后两边定位，或者浮动上去。

 

移动端web是以百分比布局为主的  定最小宽度和最大宽度为辅的布局。

换句话说：就是所有元素有宽的都是百分比设宽度，没有的都是设置 min-width和max-width来达到自适应的目的