PC端的宽高自适应,几乎每个网页上的顶部都会设置这样的,现在来讲讲怎么设置!
第一种,我们将宽度设置为100%,高度20,这样它的宽度就能够四适应屏幕的大小了!
第二种,我们不设置宽度,就是当宽度为0的时候,它也是自适应的屏幕,也能平铺!以上的就是两种方法!
高度的自适应
第一种,我们不设置高度,然后写入内容,这样就能将块级元素撑开,可以随时的改变大小,内容也能够完整的放入,但是这样会有一个缺点,比如:没有写入内容,高度又没设置的时候,这个时候是看不出什么的,因为缩的很小都看不见了!这个时候我们就需要考虑的方向,那就是这个块级元素的最小高度,如果我们设置了最小的高度,即使没有内容也不会缩的很小,甚至在屏幕上也不会看不见!