我的CSS随着屏幕尺寸的变化而变化

问题描述:

我已经看到了加载不同屏幕尺寸的不同css文件[称为响应式网页设计]的选项。但我想知道是否有其他方式可以让CSS保持统一。 我不得不调整标题栏的宽度应该是相同的大小作为浏览器窗口,一些保证金右我的CSS随着屏幕尺寸的变化而变化

​​

我需要在浏览器屏幕 年底一些间距我能以某种方式获取当前的浏览器屏幕宽度,从而相应地调整我的标题栏

+0

您始终可以指定像素大小(px)。 – 2012-03-09 11:37:49

+0

这就是问题......一个特定的像素值对标准屏幕来说可能足够大,但对于一些较大的屏幕来说很小 – Dilletante 2012-03-09 11:39:58

+0

我无法理解这一点! :)像素不适合你,百分比? – 2012-03-09 11:43:56

“工具栏”默认显示为“内联”。尝试使用“块”。看到这个fiddle

但我不认为“工具栏”是一个有效的html标签名称(我可能是错的)。在任何情况下,旧版本的Internet Explorer都很难弄清楚如何处理某些标签(如大多数新的语义html5标签),并且不会对其应用任何CSS。 如果您觉得需要使用新的语义标签,但仍需要传统浏览器支持,我建议使用Modernizr。将它包括在页面顶部将使用小型浏览器黑客即使在旧版浏览器中也可以获得对这些标签的支持。