固定位置侧边栏不适用于不同的分辨率

时间:2014-04-01 09:09:21

标签: javascript jquery html css

我的网页是http://lyk-ag-stefan.att.sch.gr/。 您可能会看到左侧的蓝色侧边栏已固定,因为我希望其内容始终可见。问题在于小分辨率,例如1024x768,其中一些底部内容不可见。我如何始终将整个侧边栏内容调整到任何视口?

另外,我有两个问题:

1)将浮动分配到固定的定位div是否有意义?

2)通过给侧边栏提供21%的宽度百分比,它计算出身体宽度的21%(而不是其祖父母宽度的1200px的21%);到目前为止这么好,因为它已经脱离了正常的流程。奇怪的是,考虑到其祖父母(内容包装)左边7%的边距,从身体宽度中减去以找到21%。为什么?

非常感谢

1 个答案:

答案 0 :(得分:0)

您最好的镜头是使用视口宽度而不是百分比,为此,首先设置视口元标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

然后,不要将21%的宽度设置为侧边栏,而是将其设置为21vw,这将是视口宽度的21%。