网页中页面的最佳宽度CSS实现

    在屏幕分辨率越来越多的情况下,我们的精力有限,如果不能根据不同的分辨率实现不同的样式表。那么,采用弹性布局,实现网页宽度自适应是一个不错的选择。

    在做弹性布局时,最重要的也就是body标签或者最外层的div区域的设置。

margin: 10px auto;

这样可以保证网页在任何分辨率下都会居中。

min-width: 780px;
max-width: 1260px;

这两行规定网页的最小和最大宽度,这样布局在其中的区域就不会被无限制的放大与缩小。

如果要做到内层的布局也随着页面的缩放而缩放,可以将布局都设置为百分比的布局。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值