如何实现响应式布局

首先，响应式布局可以让网站同时适配不同分辨率和不同的手机端，让客户有更好的体验。 方案一： 利用对属性设置百分比来适配不同屏幕，注意这里的百分比是相对于父元素； 能够设置的属性有 width、height、padding、margin，其他属性比如 border、font-size 不能用百分比设置的，先看一个简单例子： 顶部是利用设置图片 width: 50%来适应不同的分辨率，由于原始图片高度

>>阅读原文<<