响应式网页布局研究(2)
时间:2018-03-08 21:21 来源:毕业论文 作者:毕业论文 点击:次
弹性布局不主张使用固定像素。原因是，屏幕的高度和宽度要不断改变，网页布局需要动态适应这一变化，如果固定值太多会影响到在各个媒体的显示。可以用一个简单的公式来计算目标的相对值： target &pide; context = result这个公式指的是目标的宽度除以父容器的宽度，结果就是该目标占有父容器的百分比。 下面是一个简单的两栏布局，他的父容器包括两个p，a和b两个元素。首先是传统的固定像素布局： .container {width: 1000px;} #a {float: left; margin: 10px; width: 600px;} #b {float: right; margin: 10px; width: 300px;} (责任编辑：qin) |