我的CSS随屏幕大小而变化

Question

我已经看到了为不同的屏幕尺寸加载不同的css文件[称为响应式网页设计]的选项。但我想知道是否还有其他一些方法可以让CSS保持统一。 我必须调整标题栏的宽度，该标题栏的宽度应与浏览器窗口的大小相同，并带有一些右边的

<toolbar width="some px value" margin-right="some px value">

我需要在浏览器屏幕的末尾加一些间距 我可以以某种方式获取浏览器屏幕的当前宽度，从而相应地调整我的标题栏

Answer 1

“工具栏”默认显示为“内联”。尝试使用“阻止”。请参阅此fiddle。

但我不认为“toolbar”是一个有效的html标签名称（我可能错了）。在任何情况下，旧版本的Internet Explorer都很难弄清楚如何处理某些标记（如大多数新的语义html5标记），并且不会对它们应用任何css。 如果您觉得需要使用新的语义标记并仍然需要遗留浏览器支持，我建议使用Modernizr。将它包含在页面顶部将使用小型浏览器黑客来获得对这些标记的支持，即使在旧浏览器中也是如此。