移动端布局

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

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

2.缩放图片(img,background)等

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

 

 

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

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

 

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

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

原文地址:https://www.cnblogs.com/ycxqdkf/p/10385028.html