在屏幕分辨率越来越多的情况下,我们的精力有限,如果不能根据不同的分辨率实现不同的样式表。那么,采用弹性布局,实现网页宽度自适应是一个不错的选择。
在做弹性布局时,最重要的也就是body标签或者最外层的div区域的设置。
margin: 10px auto;
这样可以保证网页在任何分辨率下都会居中。
min-width: 780px;
max-width: 1260px;
这两行规定网页的最小和最大宽度,这样布局在其中的区域就不会被无限制的放大与缩小。
如果要做到内层的布局也随着页面的缩放而缩放,可以将布局都设置为百分比的布局。